📱 Nice-Gadgets – React Modern Design Website

A modern, responsive, and interactive phone catalog website built with React and a clean rounded UI design.
Explore, filter, and choose your perfect gadget with ease!

🔗 Demo

LIVE DEMO

🎨 Design Reference

Design based on this beautiful Figma concept:
Phone Catalog V2 - Rounded Style 3

---

🚀 Tech Stack

• React (with TypeScript and TSX)
• Vite for lightning-fast bundling
• HTML / SCSS / SASS
• JavaScript / TypeScript
• React-Router-DOM – client-side routing
• React Context API – state management
• React i18next – multi-language support
• Framer Motion – smooth animations
• Lodash – utility functions
• classnames – conditional styling
• Bulma – lightweight CSS framework
• Prettier + ESLint – code formatting and linting

---

⚙️ Getting Started

1. Clone the repository

git clone https://github.com/Nikolaiii/Nice-Gadgets.git
cd Nice-Gadgets

Install dependencies

npm install

Start the development server

npm run dev

Build for production

npm run build

✨ Features

📱 Responsive design – looks great on all screen sizes

🧭 Client-side navigation using react-router-dom

💖 Favourites and Cart functionality with local storage

🔎 Product filtering, sorting, and searching

📄 Pagination for browsing product listings

📌 Sticky navigation bar

🔄 Custom loader for seamless data loading

🌙 Dark / Light theme toggle

🔧 Product configuration page with detailed info and selection

🎠 Animated image carousel using framer-motion

🍞 Breadcrumb navigation for better UX