https://github.com/jeniya14/react-food-project

Food Ordering Website project created with React.js, Redux, Html and CSS for ordering food online. The website includes features such as user authentication, a home page with a menu, category pages, detailed food pages, a user profile, and a shopping cart.
https://github.com/jeniya14/react-food-project

css food-app food-ordering html react-components react-hooks react-redux react-router react-router-dom reacttjs redux-store

Last synced: about 1 month ago
JSON representation

Food Ordering Website project created with React.js, Redux, Html and CSS for ordering food online. The website includes features such as user authentication, a home page with a menu, category pages, detailed food pages, a user profile, and a shopping cart.

• Host: GitHub
• URL: https://github.com/jeniya14/react-food-project
• Owner: Jeniya14
• Created: 2023-02-19T09:25:00.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-11-10T08:32:38.000Z (about 1 year ago)
• Last Synced: 2024-11-05T20:31:16.392Z (3 months ago)
• Topics: css, food-app, food-ordering, html, react-components, react-hooks, react-redux, react-router, react-router-dom, reacttjs, redux-store
• Language: JavaScript
• Homepage:
• Size: 37.9 MB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Food Ordering Website

Welcome to the Food Ordering Website project! This is a mini project created with React.js, Redux,Html and CSS for ordering food online. The website includes features such as user authentication, a home page with a menu, category pages, detailed food pages, a user profile, and a shopping cart.

## Screenshots

### Login Page

![Login Page](screenshots/screenshot0.png)

### Register Page

![Register Page](screenshots/screenshot01.png)

### Home Page

![Home Page](screenshots/screenshot1.png)

![Home Page](screenshots/screenshot2.png)

![Home Page](screenshots/screenshot3.png)

![Home Page](screenshots/screenshot4.png)

### Category Page

![Category Page](screenshots/screenshot5.png)

### Single Food Page

![Single Food Page](screenshots/screnshot6.png)

### Profile Page

![Profile Page](screenshots/screenshot7.png)

### Cart Page

![Cart Page](screenshots/screenshot8.png)

## Features

- **User Authentication**: Users can register and log in with validation. User data is stored in local storage for simplicity in this mini project.

- **Home Page**: The home page includes a top menu, an image slider for ads, and categories of food.

- **Category Page**: Each category has its own page with a list of foods related to that category.

- **Single Food Page**: Clicking on a food item in a category navigates the user to a detailed page about that specific food.

- **Profile Page**: Users have a profile page where they can view and edit their personal information.

- **Cart Page (Redux)**: The cart page is implemented with Redux, allowing users to perform the following actions:

  - Add items to the cart

  - Delete items from the cart

  - Clear the entire cart

  - Adjust item quantities with a responsive total

## Technologies Used

- React.js

- Redux

- Html

- CSS