Skip to content

Latest commit

 

History

History
110 lines (78 loc) · 2.57 KB

README.md

File metadata and controls

110 lines (78 loc) · 2.57 KB

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

main page

Filters preview

filter preview

Cart 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

Project Link: React pizza

(Back to top)