SoleHub – Sneaker eCommerce Platform 👟
SoleHub is a full-featured sneaker webstore built for speed, style, and scalability. Designed with a modern tech stack, it delivers a seamless shopping experience with product filtering, shopping cart, and admin-side management.
- 🛍️ Responsive sneaker store UI
- 🧾 Cart functionality with quantity management
- 👤 User login/signup (JWT or session-based)
- 🧑💼 Admin panel for product & inventory control
- 💳 Stripe integration for payments
- 📦 Order confirmation and checkout
- 🌐 Fully responsive & mobile-first design
| Frontend | Backend | Database | Dev Tools |
|---|---|---|---|
| Next.js 14/15 | Node.js + Express | MongoDB + Mongoose | Tailwind CSS |
| React.js | JWT Auth | Stripe API | Vercel / Railway |
| ShadCN UI | RESTful APIs | Cloudinary (optional) | Git & GitHub |
root/ ├── components/ ├── pages/
│ ├── index.js # Home │ ├── product/[id].js # Product page
├── backend/ │ ├── models/ │ ├── routes/ │ └── controllers/ ├── public/
├── .env (for local variables) └── .gitignore
yaml
- Clone the repo
git clone https://github.com/fahadnasir13/SoleHub_Sneekers_Webstore.git cd SoleHub_Sneekers_Webstore
Install frontend & backend dependencies
bash
npm install # For frontend cd backend && npm install Set up your environment variables
Create a .env file in both root and backend folder:
ini
MONGO_URI=your_mongodb_url STRIPE_SECRET_KEY=your_stripe_key NEXT_PUBLIC_API_URL=http://localhost:5000 Run locally
Frontend: npm run dev
Backend: npm start or nodemon server.js
🌍 Deployment Frontend: Vercel
Backend: Railway or Render
📸 Screenshots
🤝 Contributing Pull requests are welcome! For major changes, please open an issue first to discuss what you'd like to change.
📄 License This project is open-source under the MIT License.
🔗 Connect 👨💻 Author: Fahad Nasir
📫 Contact: fahadnasir1311@gmail.com
💡 SoleHub is built to be a starting point for anyone who wants to launch a stunning eCommerce store focused on sneakers or fashion!