👌 Nice Gadgets

NiceGadgets is a modern web application for browsing a gadget catalog. It features a responsive layout and supports both Light and Dark themes, offering a seamless user experience.

🚀 Live Preview

Live Demo

🎨 Design Reference

• Light Theme Figma Layout
• Dark Theme Figma Layout

💻 Technologies Used

• React & TypeScript
• Redux Toolkit (State Management & Persist)
• React Router (Routing)
• Vite (Build Tool)
• Bulma & Tailwind CSS (Styling)
• Embla Carousel (Carousels/Sliders)
• Cypress (E2E Testing)

🛠 Getting Started

To run this project locally:

1. Clone the repository:

Note! Git is required.

git clone https://github.com/4xmplme/NiceGadgets.git
cd NAMU

2. Install dependencies:

Important‼ Node.js v20.20.2 or higher is required.

npm install
# or
yarn install

3. Run the project locally:

npm start
# or
yarn start

✨ Features

• Product Catalog: Browse different categories of gadgets with detailed pages.
• Theme Support: Fully implemented Light and Dark modes.
• Responsive Design: Optimized for all device sizes (mobile, tablet, desktop).
• Interactive Carousels: Smooth image sliders using Embla Carousel.
• Cart & Favorites: Integrated state management for user selections.