React Pizza

Report Bug

Table of Contents

1. About The Project
2. Stack
3. Preview
4. Installation
5. Contact

About The Project

Welcome to the React Pizza!

This is a small-scale project that showcases the implementation of a pizza ordering platform using React and TypeScript.

Key Features

Technologies Used: React, TypeScript, Redux-toolkit
Data Handling: Utilizes JSON-server to simulate API requests for pizza data.
Dynamic Filtering: Implements dynamic pizza filtering based on various attributes.
URL Persistence: Demonstrates the process of maintaining filter states in the URL.
Shopping Cart: Incorporates a shopping cart system for adding selected pizzas.

Tech Stack Used

• ReactJS
• React Router
• React Skeleton
• React Hooks
• TypeScript
• SCSS-Modules / SASS(SCSS syntax) for styling

Preview

Some gifs may take a long time to load, if you want to see them wait a bit.

Main page

Filters preview

Cart preview

Installation

1. Clone the repo

   git clone https://github.com/Freekson/React-Pizza.git

2. Go to React-Pizza folder

   cd React-Pizza
   

3. Install NPM packages

   npm install

4. Run server command

   npm run dev

See the open issues for a full list of proposed features (and known issues).
Check the releases to see completed items

Contact

Yehor Dreval

• Instagram
• Telegram
• Linkedin

Project Link: React pizza

(Back to top)