https://github.com/alexdisdier/deliveroo
Deliveroo copycat built with ReactJS
https://github.com/alexdisdier/deliveroo
circleci codecov cypress enzyme hooks-api-react javascript react reactjs redux
Last synced: 3 months ago
JSON representation
Deliveroo copycat built with ReactJS
- Host: GitHub
- URL: https://github.com/alexdisdier/deliveroo
- Owner: alexdisdier
- Created: 2019-02-14T10:38:25.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-01T15:32:36.000Z (over 2 years ago)
- Last Synced: 2023-03-02T13:47:29.112Z (over 2 years ago)
- Topics: circleci, codecov, cypress, enzyme, hooks-api-react, javascript, react, reactjs, redux
- Language: JavaScript
- Homepage: https://alexdisdier.github.io/deliveroo/
- Size: 7 MB
- Stars: 9
- Watchers: 1
- Forks: 6
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://circleci.com/gh/alexdisdier/deliveroo)
[](https://codecov.io/gh/alexdisdier/deliveroo)
# Desktop
# Mobile Responsive
# Synopsis
This is a clone of the Deliveroo website (for the restaurant Pain Quotidien) built with React. All rights reserved to Deliveroo & Roofoods Limited.
You will find three branches:
- **master** optimized version using react hooks, unit and integration testing
- **initial** original version using class components
- **redux** using redux and hooks
## Usage example
See demo - https://alexdisdier.github.io/deliveroo/
## ✅ Functionalities
- Add and remove a meal to the basket.
- Change the quantity of a meal either by clicking on a card or within the basket
- Add a tip
- Mobile responsive
## Running the project
Clone this repository :
```bash
git clone https://github.com/alexdisdier/deliveroo.git
cd deliveroo
```
```bash
npm install
```
Start the server:
```bash
npm start
```
Build the project
```bash
npm run build
```
## Testing
Unit test
```bash
npm run test
```
End-to-end
```bash
npm run cy
```
## Built With
- html
- css
- [JavaScript](https://developer.mozilla.org/bm/docs/Web/JavaScript)
- [React.js](https://reactjs.org/docs/hello-world.html)
- [Create React App](https://facebook.github.io/create-react-app/docs/getting-started)
- [cypress](https://www.cypress.io/)
## Acknowledgments
- This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
- I used a component for animating vertical scrolling called [React Scroll](https://www.npmjs.com/package/react-scroll)
- Deploy React to github pages [codeburst](https://codeburst.io/deploy-react-to-github-pages-to-create-an-amazing-website-42d8b09cd4d)