https://github.com/nitaiaharoni1/react-restaurant-app
Mama's Restaurant is an ecommerce website built using React, Redux integrated with Node.js and Express backend.
https://github.com/nitaiaharoni1/react-restaurant-app
Last synced: 7 months ago
JSON representation
Mama's Restaurant is an ecommerce website built using React, Redux integrated with Node.js and Express backend.
- Host: GitHub
- URL: https://github.com/nitaiaharoni1/react-restaurant-app
- Owner: nitaiaharoni1
- Created: 2019-07-28T19:11:23.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-21T18:18:28.000Z (almost 3 years ago)
- Last Synced: 2025-04-15T05:07:40.006Z (7 months ago)
- Language: JavaScript
- Homepage:
- Size: 18.9 MB
- Stars: 23
- Watchers: 1
- Forks: 16
- Open Issues: 34
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mama's Restaurant - React ecommerce website
Mama's Restaurant is an ecommerce website built using React, Redux integrated with Node.js and Express backend.
A demo for the Website App is available [here](https://mamas-restaurant-app.herokuapp.com/).
The app is responsive (suitable for different screen sizes - phone, tablet, etc.)
## Pages
Home page `/home`:
* Welcome home page.
* You can scroll and see pictures with effect, and get information about the restaurant.
* Each of the pages in the app is accompanied by a navbar that lets you navigate between the different app pages. The navbar also contains a cart button which is used as a pop-up on mouseover, Above it is a number showing the quantity of products in the cart.
* Deliveries page `/delivery`:
* You can add a product to the cart
* You can use search input to search for a specific product by description, title or price
* Gallery page `/gallery`:
* Image gallery received from the server (simulates access to the database)
* Menu pages `/menu`:
* Two menu pages, render the objects iteratively.
* Admin page `/admin`:
* An admin page can only be accessed if an admin user is logged in.
* The page that allows to view the database in json format.
* You can click on the arrows to view specific user's data.
* Login page `/login`:
* You can enter email/username and password to login and receive a user data.
* To place a new order, you must login to the site.
* Signup page `/signup`:
* You can register a new user for the site.
* All fields must be entered in the right format to click on the Subscribe button.
* Cart page `/cart`:
* The selected products will appear in the cart.
* Products for a signed-in user will be stored in a database so that a user can see them even after the site is refreshed or exited.
* You can add a quantity to a specific product or delete it from the cart.
* You can see a summary of the quantity and cost of the products
* Checkout page `/chekout`:
* This page shows user information includes address, name, email, etc.
* To place an order you can enter payment details in the correct format.
* Terms of service page `/terms`:
* Displays the terms of use before registering for the site.
* Page not found page `/any other`:
* This page will display when any route that is not defined is used.
## Backend routes
* Update user's items in db - POST `/api/items/:email/:title/:action`
* Authenticate user with cookie on lunching the app and getting user's data - GET `/api/items/:email/:title/:action`
* Admin get all database - GET `/api/admin/data/:email`
* Login user - GET `/api/user/login/:email/:password/:remember`
* Logout user - POST `/api/user/logout`
* Signup new user - POST `/api/user/signup`
* Delete a user - DELETE `/api/user/:email/:password`
* Post a new order - POST `/api/order/new/:email`
* Get gallery images (Simulates database access) - GET `/api/gallery`
* Serves react client static files - GET `*`
## Prerequisites
1. Git
2. Node v10.16.1
3. A fork/clone of this repo
## Installation
1. In react-restaurant-website directory run in terminal: `npm run app`
2. Open http://localhost:3005
## Testing
1. In project directory run in terminal: `npm test`