Skip to content

Latest commit

 

History

History
56 lines (33 loc) · 2.22 KB

README.md

File metadata and controls

56 lines (33 loc) · 2.22 KB

Project activity

GitHub last commit

GitHub commit activity

GitHub language count

GitHub top language

Repo Card

GH pages

🉐 How you can launch project

  • (localhost:4000) Project launch: npm start

🉐 Useful commands

  • Linting: npm run lint
  • To fix errors: npm run lint:fix
  • Code formatting: npm run format
  • Project build: npm run build => to publick GH pages npm run deploy

🍜 About the Project

Welcome to my project 'NOODLE & BYTES'. This is a self-study project for creating an online yammy store, where I used the following tech stack:

🍥 React v18
🍥 Redux Toolkit (data/state management) 🍥 React Router v6 (navigation) 🍥 Axios + Fetch (backend requests) 🍥 React Hooks (for state and lifecycle management) 🍥 Prettier (code formatting) 🍥 CSS-Modules / SCSS (styling) 🍥 React Content Loader (skeleton loader) 🍥 React Pagination (pagination implementation) 🍥 Lodash.Debounce (debouncing user input) 🍥 npm

🉐 ...and a little bit of ramen magic. Let's get started!

🐲 The project uses Webpack as a bundler.

⛩️ It implements frontend-backend interaction (using https://mockapi.io), as well as filtering mechanisms, pagination, and order creation.

The project features responsive design using flex-box and grid approach and media query technology for standard screen resolutions of desktop displays, tablet screens, and mobile devices. The minimum supported screen resolution is 375 px