A site to fuzzy search Lincoln, NE JuiceStop flavors by ingredients. The site is live at https://rejuice.me
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
Install node >= 6 from https://nodejs.org/en/download/ Install yarn for package management https://yarnpkg.com/en/docs/install
A step by step series of examples that tell you how to get a development env running
Clone the repository
git clone https://github.com/ppoulsen/rejuice.me.git
Install dependencies in the client directory with yarn
cd client/
yarn
Run the development server! This will start it on http://localhost:3000
yarn start
buildData.js is the file to build a new JSON file of ingredients for the client. Run it with node and copy the generated menu.json file to overwrite client/src/data/menu.json.
node buildData.js
mv menu.json client/src/data/menu.json
For deployment, first build the bundled and optimized version of the site from the client directory.
cd client/
yarn build
This builds static files in the public/ directory that can be deployed anywhere. I host the site on the gh-pages branch as a GitHub Page with a custom URL.
- create-react-app - Create React apps with no build configuration
- Node.js - JavaScript Runtime
- yarn - Dependency management
- GitHub Pages - Web hosting
- unstated - State so simple, it goes without saying
- cheerio - Markup parsing and traversal
- fuse.js - Lightweight fuzzy-search
- material-ui - React components that implement Google's Material Design
- react-flip-move - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique
- Paul Poulsen - Initial work - ppoulsen
See also the list of contributors who participated in this project.
This project is licensed under the MIT License - see the LICENSE.md file for details.