![\"Logo\"](\"src/img/logo192.png\"){kind=logo}
\n Genome Browser
\n\n\n Genome Browser is an interative tools to visualize and analyze genomic data.\n \n
\n View Demo\n ·\n View Package\n .\n Report Bug\n ·\n Request Feature\n
\n \n Genome Browser is an interative tools to visualize and analyze genomic data.\n \n
\n View Demo\n ·\n View Package\n .\n Report Bug\n ·\n Request Feature\n
![\"Cover](\"src/img/cover.png\")
\n ![\"Cover](\"src/img/GB_2.png\")
\n\n\nInspired by \"igv\" and \"varsome\" genome browsers, I built an interactive genome browser tool from scratch using Reactjs which helps bioinformatics researchers visualize and analyze their data.\n\n\n\n### Built With\n\nFrameworks/libraries used to bootstrap this project.\n\n- [React.js](https://reactjs.org/)\n- [Python](https://www.python.org/)\n- [C++](https://www.cplusplus.com/)\n- [HTML Canvas](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API)\n- [MaterialUI](https://mui.com/)\n\n\n\n\n\n## Getting Started\n\nTo get a local copy up and running follow these simple example steps.\n\n### Scripts\n\n1. Clone the repo\n ```sh\n git clone https://github.com/lebinh190998/genome-browser.git\n ```\n2. Install NPM packages\n ```sh\n npm install\n ```\n3. Run server file\n ```sh\n cd server/\n ```\n ```sh\n python genome_browser_server.py\n ```\n4. Run locally\n ```sh\n npm start\n ```\n5. Build production version (Optional)\n ```sh\n npm run build\n ```\n\n\n\n\n\n## Use as a package\nView Package\n\n1. Download genome-browser package\n ```sh\n npm install genome-browser\n ```\n2. Import into your project\n ```js\n import { GenomeBrowserApp } from 'genome-browser';\n ```\n3. Use the application as a component\n ```js\n