Footwear Zone is a modern, responsive e-commerce website for footwear enthusiasts. It allows users to browse products by category, view product details, and manage products (admin features). The website features a dynamic interface with React, Next.js, and Tailwind CSS, along with Firebase authentication and a fully functional backend API.
Footwear Zone is an online footwear store built with Next.js, React, Tailwind CSS, and Firebase. It offers a seamless shopping experience with features like dynamic testimonials, product search, category sorting, and admin functionalities including product management.
- Live Site: https://footwear-zone-client.vercel.app/
- Client Repository: GitHub Client Repo
- Server Repository: GitHub Server Repo
- API Link: https://footwear-api-six.vercel.app/
- User Authentication (Login/Register)
- Best Sellers & New Arrivals
- Dynamic Testimonials
- Newsletter Subscription
- Product Listing & Sorting by Category
- Search Filter by Product Title
- Admin Features: Add, Delete, Update, and Manage Products
- React Toastify notifications
- SweetAlert2 confirmations
- Responsive and modern UI design
- Home: https://footwear-zone-client.vercel.app/
- Shop Page: https://footwear-zone-client.vercel.app/shop
- Men Collection: https://footwear-zone-client.vercel.app/men
- Women Collection: https://footwear-zone-client.vercel.app/women
- Kids Collection: https://footwear-zone-client.vercel.app/kids
- View Product: https://footwear-zone-client.vercel.app/shop/692479ae0c37c914c549dc05
- Login Page: https://footwear-zone-client.vercel.app/login
- Register Page: https://footwear-zone-client.vercel.app/register
- Add Product Page: https://footwear-zone-client.vercel.app/addProduct
- Product Manage Page: https://footwear-zone-client.vercel.app/productmanage
- Manage Product by ID (Admin): https://footwear-zone-client.vercel.app/productmanage/692479ae0c37c914c549dc03
- Edit Product by ID: https://footwear-zone-client.vercel.app/productmanage/692479ae0c37c914c549dc03/edit
- Node.js (v18+ recommended)
- npm or yarn
- Git
- Clone the client repository:
git clone https://github.com/AyanSujon/FootwearZoneClient.git cd FootwearZoneClient
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.