https://github.com/sepidsoroush/mini-shop
🛍️ Minimalist E-commerce Store with Next.js
https://github.com/sepidsoroush/mini-shop
custom-hook dynamic-routing ecommerce firebase nextjs react react-hooks shopping-cart usecontext
Last synced: 11 months ago
JSON representation
🛍️ Minimalist E-commerce Store with Next.js
- Host: GitHub
- URL: https://github.com/sepidsoroush/mini-shop
- Owner: sepidsoroush
- Created: 2023-04-26T09:49:20.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-04-11T12:31:28.000Z (about 1 year ago)
- Last Synced: 2025-06-14T16:03:17.103Z (11 months ago)
- Topics: custom-hook, dynamic-routing, ecommerce, firebase, nextjs, react, react-hooks, shopping-cart, usecontext
- Language: JavaScript
- Homepage: https://ecommerce-sepidev.vercel.app
- Size: 6.17 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🛒 MiniShop E-commerce
## About The Project
This is a minimalist e-commerce website built with Nextjs and CSS. You can find different products in each category and add them into your shopping cart.
👉🏻 [Live Demo](https://e-commerce-kappa-hazel.vercel.app/)
## Features
- This application was built using Next.js, React Hooks (useState, useContext,useReducer, useEffects, useCallback), Firebase realtime database, React icons, etc.
- Custom hook (useHttp) to fetch data from Firebase dynamically.
- Global context for shopping cart
- Categories component to filter search results based on type.
- Dynamic Routes with `next-router`
- Fonts with `@next/font`
- Icons with [Font Awesome 5](https://fontawesome.com/)
- Responsive design
## Components
- [x] Shopping Cart
- [x] Notifications
- [x] Navbar
- [x] Product detail page
- [x] Trendings
- [x] Categories
- [x] Home page
## 📸 Screenshots of the project:
Home Page 🏠
Shopping Cart 🛒
Categories Page 🛍️
Product Page 🎁
## Acknowledgments
This project was made possible because of a [GitHub repository](https://github.com/Abderraouf-Rahmani/ecommerce) which I got the idea and data from, and then made it from scratch (both React components and styles). Please give it a star :) ⭐️