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 :

git clone https://github.com/alexdisdier/deliveroo.git

cd deliveroo

npm install

Start the server:

npm start

Build the project

npm run build

Testing

Unit test

npm run test

End-to-end

npm run cy

Built With

• html
• css
• JavaScript
• React.js
• Create React App
• cypress

Acknowledgments

• This project was bootstrapped with Create React App.
• I used a component for animating vertical scrolling called React Scroll
• Deploy React to github pages codeburst