Cartify – Modern E-Commerce Application A polished shopping experience built with Next.js, Clerk (for authentication), Tailwind CSS, and a context-driven architecture. Featuring cart & order management, authentication, and role-based navigation—fully functional with dummy data and ready for seamless MongoDB Atlas integration.
✨ Features Authentication with Clerk Secure sign-in/sign-out, profile handling, and personalized greetings.
Cart System (Client-Side) Add, modify, and track items with live cart count and total price.
"My Orders" Feature Simulated order placement and viewing directly from the profile dropdown.
Context-Driven Global State Centralized AppContext to manage auth, products, cart, orders, and navigation.
Role-Based Navigation Clean navbar with dynamic links:
Home • Shop • About Us • Contact
Conditional Seller Dashboard link if the user has seller privileges.
Future-Ready for Database Integration Placeholder functions (fetchProductData, fetchOrdersData) for quick API connection to MongoDB Atlas.
First, run the development server:
npm run dev
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
🛒 Usage Flow
Sign In via Clerk.
Browse products (/all-products).
Add items to your cart → live updates in the navbar.
Place an order from the Cart page (stored in global context).
Access My Orders in the profile dropdown to view past orders.
If isSeller is true, the Seller Dashboard link will appear automatically.
📌 Roadmap
Connect MongoDB Atlas for persistent storage.
Add real checkout & payment flow.
Expand Seller Dashboard features.
Improve mobile responsiveness & animations.