https://github.com/anadib/restaurant-react

🍕 Restaurant website built with React.
https://github.com/anadib/restaurant-react

axios json-server react react-router-dom redux styled-components

Last synced: 13 days ago
JSON representation

🍕 Restaurant website built with React.

• Host: GitHub
• URL: https://github.com/anadib/restaurant-react
• Owner: anadib
• Created: 2023-10-19T21:42:09.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-25T01:43:48.000Z (over 1 year ago)
• Last Synced: 2024-12-07T17:13:34.852Z (2 months ago)
• Topics: axios, json-server, react, react-router-dom, redux, styled-components
• Language: JavaScript
• Homepage:
• Size: 3.85 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


 Restaurant



![](https://github.com/anadib/restaurant-react/blob/main/gifs/restaurantDesktop.gif?raw=true)

[See Mobile](https://github.com/anadib/restaurant-react/blob/main/gifs/restaurantMobile.gif)



  About   |   

  Technologies   |   

  Inspiration



## :page_with_curl: About

This repository contains a restaurant webpage built using React.

In this project, users can select the items they want, add observations for each item, and specify the quantities they desire. The restaurant data was created using JSON Server.

After users have made their selections, they are directed to the checkout page. Here, they enter their name and phone number and can choose between in-store pickup or home delivery. For delivery orders, users must provide their delivery address. Once they place their order, users are redirected to WhatsApp with a summary of their order to communicate with the restaurant. 

## :hammer: Technologies

This project was developed with the following technologies:

- [ReactJS](https://react.dev/)

- [React Router Dom](https://reactrouter.com/en/main)

- [Styled Components](https://styled-components.com/)

- [JSON Server](https://www.npmjs.com/package/json-server)

- [Axios](https://axios-http.com/docs/intro)

- [Redux](https://redux.js.org/introduction/getting-started)

## :thought_balloon: Inspiration

Design by [Isadora Stangarlin](https://github.com/isadorastan)

Made with ❤️ by Ana Dib 👋🏻 [Get in touch](https://github.com/anadib)