安卓>> rejuice.me>> 返回
项目作者： ppoulsen

项目描述 ：
Searchable Juice Stop Flavors
高级语言： JavaScript
项目地址: git://github.com/ppoulsen/rejuice.me.git
创建时间： 2018-04-05T03:09:17Z
项目社区：https://github.com/ppoulsen/rejuice.me
开源协议：MIT License
下载


Re:Juice Me

A site to fuzzy search Lincoln, NE JuiceStop flavors by ingredients. The site is live at https://rejuice.me

Demo of rejuice.me

Getting Started

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.

Prerequisites

Install node >= 6 from https://nodejs.org/en/download/
Install yarn for package management https://yarnpkg.com/en/docs/install

Installing

A step by step series of examples that tell you how to get a development env running

Clone the repository

  1. git clone https://github.com/ppoulsen/rejuice.me.git

Install dependencies in the client directory with yarn

  1. cd client/
  2. yarn

Run the development server! This will start it on http://localhost:3000

  1. yarn start

Building new list of smoothies

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.

  1. node buildData.js
  2. mv menu.json client/src/data/menu.json

Deployment

For deployment, first build the bundled and optimized version of the site from the client directory.

  1. cd client/
  2. 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.

Built With

  • 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

Authors

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.