SoftBirds is a full-stack modern e-commerce application built with Next.js, Node.js, Express.js, and MongoDB. The platform provides a secure authentication system, responsive user interface, product management, shopping cart functionality, and an optimized shopping experience.
🌐 Live Demo: https://softbirds.vercel.app/
- User Registration & Login
- NextAuth Authentication
- Google OAuth Login
- Facebook OAuth Login
- Secure Session Management
- Protected Routes
- Role-Based Authentication
- Browse Products
- Product Details Page
- Add to Cart
- Update Cart Quantity
- Remove Items from Cart
- Persistent Shopping Cart
- Responsive Shopping Experience
- Product Listing
- Product Pagination
- Product Search
- Product Categories
- Image Upload with Cloudinary
- Optimized Product Images
- Rate Limiting
- Secure Authentication
- Password Hashing
- Protected API Routes
- Environment Variables for Sensitive Data
- JWT-Based Session Handling (NextAuth)
- Cloudinary Image Storage
- Image Optimization
- Secure File Upload
- Desktop Friendly
- Tablet Friendly
- Mobile Responsive
- Modern UI/UX
- Next.js
- React.js
- JavaScript
- Tailwind CSS
- NextAuth.js
- Node.js
- Express.js
- MongoDB
- Mongoose
- NextAuth.js
- Google OAuth
- Facebook OAuth
- Cloudinary
- Rate Limiting
- Environment Variables
- Session Management
SoftBirds/
│
├── app/
├── components/
├── hooks/
├── lib/
├── models/
├── pages/
├── public/
├── styles/
├── middleware/
├── api/
├── utils/
├── config/
└── package.json
git clone https://github.com/your-username/softbirds.gitcd softbirdsnpm installCreate a .env.local file in the project root.
NEXTAUTH_URL=
NEXTAUTH_SECRET=
MONGODB_URI=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
FACEBOOK_CLIENT_ID=
FACEBOOK_CLIENT_SECRET=
CLOUDINARY_CLOUD_NAME=
CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=npm run devVisit:
http://localhost:3000
- Home Page
- Product Listing
- Product Details
- Shopping Cart
- Login Page
- Register Page
- User Dashboard
- ✅ User Authentication
- ✅ Google Login
- ✅ Facebook Login
- ✅ Protected Routes
- ✅ Add to Cart
- ✅ Remove from Cart
- ✅ Quantity Management
- ✅ Product Pagination
- ✅ Cloudinary Image Upload
- ✅ Rate Limiting
- ✅ Responsive UI
- ✅ Session Management
- ✅ MongoDB Integration
- Wishlist
- Order Tracking
- Stripe Payment Integration
- Razorpay Integration
- Product Reviews
- Admin Dashboard
- Inventory Management
- Email Notifications
- Coupons & Discounts
- Multi-language Support
| Category | Technology |
|---|---|
| Frontend | Next.js, React.js, JavaScript, Tailwind CSS |
| Backend | Node.js, Express.js |
| Database | MongoDB, Mongoose |
| Authentication | NextAuth.js, Google OAuth, Facebook OAuth |
| Cloud Storage | Cloudinary |
| Security | Rate Limiting, Session Management |
This project demonstrates practical experience with:
- Full-Stack Web Development
- Authentication using NextAuth
- OAuth Integration
- MongoDB Database Design
- REST API Development
- Cloudinary Integration
- Pagination
- Secure Session Handling
- API Security
- Responsive Web Design
- State Management
- Modern E-Commerce Architecture
Contributions are welcome!
- Fork the repository.
- Create a new feature branch.
- Commit your changes.
- Push your branch.
- Open a Pull Request.
This project is licensed under the MIT License.
Muhammad Zain Passionate Full-Stack Developer specializing in modern web technologies including Next.js, Node.js, Express.js, MongoDB, and scalable application development.
If you found this project helpful, consider giving it a ⭐ on GitHub.