Project activity

🉐 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