https://github.com/qaiserejaz/zestora-restaurant-website
🍕 Zestora - A modern React-based pizza ordering website featuring responsive design, menu browsing, shopping cart, user authentication, and blog functionality. Built with React 18, Styled Components, and Vite.
https://github.com/qaiserejaz/zestora-restaurant-website
Last synced: 6 months ago
JSON representation
🍕 Zestora - A modern React-based pizza ordering website featuring responsive design, menu browsing, shopping cart, user authentication, and blog functionality. Built with React 18, Styled Components, and Vite.
- Host: GitHub
- URL: https://github.com/qaiserejaz/zestora-restaurant-website
- Owner: QaiserEjaz
- Created: 2025-03-03T08:32:54.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-03-06T10:15:24.000Z (9 months ago)
- Last Synced: 2025-03-30T04:16:13.527Z (8 months ago)
- Language: JavaScript
- Homepage: https://zestora-qaiser.netlify.app/
- Size: 10.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Zestora - Pizza Ordering Website 🍕
Zestora is a modern, responsive pizza ordering website built with React and Styled Components. It allows users to browse a variety of delicious pizzas and other menu items, read blogs, log in/register, and contact the team. The site is designed to provide a seamless user experience across all devices, from mobile to desktop.
## Table of Contents
- [Features](#features)
- [Demo](#demo)
- [Screenshots](#screenshots)
- [Installation](#installation)
- [Getting Started ](#getting-started)
- [Technologies Used](#technologies-used)
- [Contact](#contact)
---
## 🚀 Features
- **Responsive Design**: Fully optimized for mobile, tablet, and desktop screens.
- **Menu Browsing**: Explore a variety of pizzas, burgers, and more with detailed descriptions and prices.
- **Shopping Cart**: Add items to the cart, adjust quantities, and proceed to checkout.
- **User Authentication**: Login and register functionality with form validation using `react-hook-form`.
- **Contact Form**: Reach out to the team with a contact form integrated with Formspree.
- **Blog Section**: Read engaging blog posts about food and recipes.
- **Error Handling**: Custom 404 page for invalid routes.
- **Newsletter Subscription**: Sign up for updates and offers.
- **Google Maps Integration**: Embedded map on the Contact page to show the restaurant's location.
---
## Demo
Check out the live demo of Zestora here: [Zestora Demo](https://zestora-qaiser.netlify.app/)
---
## Screenshots
### Home Page
*The Home page showcasing the hero section and menu.*
### Menu Page
*Browse delicious pizzas and other items in the menu.*
### Cart
*View and manage your cart items before checkout.*
### Blog Page
*Read engaging blog posts about food and recipes.*
### Contact Page
*Get in touch with the Zestora team via the contact form and see the location on the map.*
### Login Page
*Login to your Zestora account to place orders.*
### Register Page
*Register to your Zestora to place orders.*
---
## Installation
Follow these steps to set up Zestora locally on your machine:
1. **Clone the Repository**:
```bash
git clone https://github.com/QaiserEjaz/zestora-restaurant-website.git
cd zestora
---
## 🏃♂️ Getting Started
### Prerequisites
- Node.js (v14 or higher)
- yarn
---
## 🛠️ Technologies
- Frontend Framework : React 18
- Build Tool : Vite
- Styling : Styled Components
- Routing : React Router DOM
- Form Handling : React Hook Form
- UI Components :
- React Icons
- React Tilt
- Deployment : Netlify
---
## Contact
Qaiser Ejaz - @QaiserEjaz
---
---