Ctrl+K
π‘ Project Prompt: Full-Stack eCommerce Web Application Overview: In the modern digital age, online shopping has become the norm. Build a full-stack eCommerce website that allows users to browse, search, and purchase products. The platform should offer a seamless experience for both customers and admins, ensuring smooth product discovery, secure transactions, and inventory management. π― Project Goals Provide a responsive, modern shopping experience Allow admins to manage inventory, orders, and customers Enable customers to browse products, manage carts, and make purchases Support product filtering, search, and category navigation Ensure security for user data and payments π₯ User Roles π§βπΌ Admin Authenticated access to admin dashboard Add, update, and delete products Upload product images and assign categories Manage customer orders and track fulfillment status View reports: sales, inventory, user activity π§ Customer (User) Register / Login / Logout Browse and search products by category, keyword, or price range View product details Add/remove items from cart Manage shopping cart Checkout and make a mock payment View order history and order details Leave product reviews/ratings π§ͺ Technical Requirements Frontend ReactJS + Redux Toolkit (for state management) React Router for navigation Axios for API calls TailwindCSS or styled-components for styling Fully responsive (mobile-first design) Backend Python Flask REST API PostgreSQL database JWT authentication (Flask-JWT-Extended or similar) File/image upload support (Cloudinary or local storage) Role-based access control (Admin vs Customer) Testing Frontend: Jest + React Testing Library Backend: Pytest or Minitests Optional Enhancements Stripe or mock payment gateway integration Wishlist functionality Product stock alerts Admin analytics dashboard Product recommendations or trending products π Suggested Folder Structure bash Copy Edit /client (React frontend) /server (Flask backend) /docs (wireframes, API spec, etc.) π¨ Wireframes & UI Inspiration Home page with featured products Product listing page with filters (like Amazon) Product detail page with images, description, reviews Shopping cart page Checkout form Admin dashboard with product and order management β
Deliverables Deployed frontend and backend (optional: Netlify + Render) Well-documented API (Swagger or Postman) README with setup instructions Test coverage (unit + integration) GitHub repo with commits documenting project progress - Initial Deployment
ef5d49e verified