Pizza Shop - Project with configured ESLint, Prettier, Stylelint, Editorconfig, Lint Staged & Husky hooks

Related tags

React Apps react redux sass typescript mongodb
Overview

Contributors Forks Stargazers Issues MIT License LinkedIn

Pizza Shop Typescript

image

Project with configured ESLint, Prettier, Stylelint, Editorconfig, Lint Staged & Husky hooks.

🛠 Technologies:

  • ReactJS 18
  • TypeScript
  • Redux Toolkit (storage context for pizzas | filtration | errors | cart items)
  • React Router v6 (navigation)
  • Prettier (formatting .js,.ts files)
  • ESLint (linting for the project)
  • Stylelint (formatting SCSS)
  • SCSS-Modules / SCSS (styles)
  • React Content Loader (loading skeleton)
  • React Pagination (pagination)
  • and more...

Backend:

NestJS (Typescript) with MongoDB. The server is hosted on Heroku.

Article on how to deploy NestJS application to Heroku.

Steps to reproduce

Install all the packages needed to run your react application.

npm install

then

npm start
You might also like...
A little web shop written with React.

ReactJS Web-Shop (WIP) This is a little web shop written with React. This is mostly a Project to learn ReactJS and web dev. Setup This app uses a Rest

sdaqo 1 May 1, 2022
A simplified Jira clone built with React/Babel (Client), and Node/TypeScript (API). Auto formatted with Prettier, tested with Cypress.
A simplified Jira clone built with React/Babel (Client), and Node/TypeScript (API). Auto formatted with Prettier, tested with Cypress.

A simplified Jira clone built with React and Node Auto formatted with Prettier, tested with Cypress 🎗 Visit the live app | View client | View API Wha

Ivor Reic 9.4k Jan 9, 2023
olx-clone using react js , firease as backend ,deployed in firebase , react-router,context,react hooks,olx web app project

OLX clone Start your own website like Olx in minutes with help of Sijeesh Miziha's Olx-Clone React App. Olx-Clone is the potential classified advertis

Sijeesh Miziha 43 Dec 29, 2022
React Todo List - This project helps to consolidate my knowledge about React, components, props, state, and hooks
React Todo List - This project helps to consolidate my knowledge about React, components, props, state, and hooks

React Todo List This project helps to consolidate my knowledge about React, components, props, state, and hooks, by following a tutorial. Screenshot B

null 7 Dec 15, 2022
A front-end clone project of the Spotify Web Player. The project was created using React.

Spotify Web Player Clone A front-end clone project of the Spotify Web Player. The project was created using React. This is my first big React.js proje

Oğuzhan ULUKAYA 182 Jan 3, 2023
Bookstore - a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project
Bookstore - a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project

Bookstore is a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project. You can manage information of a book interact with an API.

Fernando Herrera 7 Mar 23, 2022
Full React && Redux project builded as a group project where user can reserved rockets and missions from SpaceX API

Full React && Redux project builded as a group project where user can reserved rockets and missions from SpaceX API. This data will be updated and displayed in the profile section of the page

Nicolas Gonzalez 8 Mar 23, 2022
Mordan React in this project I demonstrate some of the most important tools that will make you design and build a protectional react project using a simple todo idea.
Mordan React in this project I demonstrate some of the most important tools that will make you design and build a protectional react project using a simple todo idea.

Mordan React in this project I demonstrate some of the most important tools that will make you design and build a protectional react project using a simple todo idea.

Ishmael Kargbo 7 May 24, 2022
Project from NLW Return. On this project, we can choose a type of feedback, take a screenshot of the page
Project from NLW Return. On this project, we can choose a type of feedback, take a screenshot of the page

Project from NLW Return. On this project, we can choose a type of feedback, take a screenshot of the page. Used React.js, Typescript, Tailwindcss, Headlessui, Accessibility, Jtest, Node.js, Prisma DB, Mobile version and much more...

Gleydson Rodrigues 2 May 28, 2022
Comments
  • Internalization by IP

    Internalization by IP

    The client's IP is detected and based on that we use the supported language for that country. If the country is BG language is RU. If the country is UK, US, etc language is EN. This feature is implemented only for one component (SinglePizza.tsx) as a test and might be deprecated in the future.

    feature UI/UX i18n 
    opened by nikmace 0
  • Cart items are in redux store until you refresh the page

    Cart items are in redux store until you refresh the page

    When you refresh the page the cartItems array is set to an empty array. Could be improved by setting the order to localStorage and then retrieving it from there, basically CRUD with localStroage.

    improvement UI/UX optimization 
    opened by nikmace 0
  • Adding same pizza with different components like type/size doesn't work properly

    Adding same pizza with different components like type/size doesn't work properly

    The first time you choose a pizza (let's say pizza1) with specific components (let's say components1, example: type: 0, size 30), then when you will want to add again pizza1 but with different components2, it will add count to the same pizza1. In the cart, you will have two pizza1's with component1.

    feature improvement 
    opened by nikmace 0
  • Error with Prettier, git add file, lint-staged

    Error with Prettier, git add file, lint-staged

    When you prettier file it encodes in LF format. When you add the files with git add <file/s> it encodes to CRLF format, then when you commit lint-staged checks the file and prettier fails because the files are supposed to be in LF, but are in CRLF??

    bug invalid 
    opened by nikmace 0
Owner
Nikita B.
Full Stack Web Developer | JavaScript/TypeScript | C# | Python | HTML5 & CSS3 | Next.js, React.js, ReactN, NestJS | SQL, Postgre, MongoDB | Tensorflow
Nikita B.
GitHub https://dodo-pizza.vercel.app/
A Pizza-Website which built with ReactJS

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Murad Rahmanzada 8 Aug 22, 2022
👻 A SnapChat clone built with React, Redux and Typescript. Styled with SASS. Tested with Cypress, Jest and Enzyme. Linted with Eslint and formatted with Prettier!

?? SnapChat Clone [LIVE APP] [Live App] • [Video Demo] ⚡️ Breakdown Built with React Only functional components using hooks Folder structure: Flat - n

null 951 Jan 6, 2023
Shopping and E-commerce: A client-side utility project for a Shop product page. Calculate the order price, and check availability with supporting N* filters.

Shop Price Checker Shopping and E-commerce: A client-side utility project for a Shop product page. Calculate the order price, and check availability w

Max Base 4 Jul 31, 2022
A starter Django server and React web app configured for Heroku and S3.

A starter Django server and React web app configured for Heroku and AWS S3/Cloudfront. Visit learndjangoreact.com for more and follow @jfornear for up

Jesse Fornear 2 Oct 4, 2022
♨️ A React + TypeScript + TailwindCSS starter template using Vite with some cool pre-configured features, it's fast.

Features (pre-configured) ⚡️ React 18, TypeScript 4, and Vite 3 ?? Routing via react-router v6 with lazy loading and protected routes support ?? Layou

Webtre Technologies 4 Dec 14, 2022
An example of an E-Commerce shop in Ionic React

An example of an E-Commerce shop in Ionic React

Alan Montgomery 28 Dec 30, 2022
A full E-Commerce Full Stack Amazon Clone which built using ReactJS. You can register, sign in and shop!

Amazon Clone with ReactJS In this Amazon Clone application you can register on the site, log in with your account, shop, pay for the products and see

Mert Çankaya 15 Jul 7, 2022
An example of a Shop App built with Ionic and React

An example of a Shop App built with Ionic and React

Alan Montgomery 15 Oct 31, 2022
React Test Shop Using Remix

React Test Shop Using Remix Development Build React Test Shop makes API calls to an external server. First set up this server by cloning the React Tes

Naresh Bhatia 24 Dec 25, 2022
Party Parrot as a Service is your one-stop-shop for all your party parrot needs

Demo https://party.highlight.run Team Cameron Brill (@c00brill) Jay Khatri (@theJayKhatri) John Pham (@JohnPhamous) About Party Parrot as a Service Pa

Highlight 38 Apr 13, 2022