A modern, high-performance e-commerce solution for children's toys and accessories, built with a focus on speed, security, and premium user experience.
This project features a fully custom authentication engine built from the ground up to ensure maximum security and flexibility without reliance on third-party providers.
- JWT-Based Security: Secure session management using JSON Web Tokens (JOSE) stored in HTTP-only cookies.
- Bcrypt Hash Protection: Industry-standard password hashing for user data protection.
- Server-Side Validation: Robust API routes for login, registration, and session verification.
- Role-Based Access: Specialized middleware to handle User and Admin permissions.
- Performance Optimized: Lightweight implementation designed specifically for Next.js App Router.
- 🛍️ Dynamic Catalog - High-speed product browsing and filtering.
- 🛒 Intuitive Cart - Seamless shopping experience with persistent state.
- 📄 Order Management - Automated invoice generation and history.
- 🎨 Modern UI/UX - Responsive, glassmorphic design powered by Tailwind 4.
- ⚡ Optimized Performance - Leveraging Next.js 16 Server Components and SWR.
- Frontend: Next.js 16 (App Router), React 19
- Styling: Tailwind CSS 4
- Database: MongoDB with Mongoose
- State Management: Zustand
- Icons: Lucide React
- Node.js (Latest)
- Bun or NPM
- MongoDB Connection String
-
Clone the repository:
git clone https://github.com/sajid-7756/Hero-Kids?tab=readme-ov-file#-custom-authentication-system -
Install dependencies:
bun install # or npm install -
Configure Environment Variables: Create a
.envfile in the root directory:MONGODB_URI=your_mongodb_uri JWT_SECRET=your_secret_key
-
Run the development server:
bun dev # or npm run dev
Visit https://hero-kids-mu.vercel.app/ to see the application.
Proprietary to Hero Kidzz. All rights reserved.