kinetic-ecommerce

byMayuresh

Create a **full-stack professional shoe e-commerce website** named **FastFeet** using **Python (Flask), HTML, CSS, and JavaScript with SQLite database**. The UI must be **minimal, clean, and professional (portfolio-level)** — similar to modern brands like Nike or Apple. Avoid flashy or gaming-style design. Use white background, dark text, light grey borders, and one soft accent color. Include smooth animations, soft shadows, proper spacing, and clean typography. On the **home page**, display multiple shoes in a grid layout with image, name, and price. Add subtle hover effects (zoom + shadow). When a user clicks a shoe, open a **product detail page** showing large image, description, price, and buttons for **Add to Cart** and **Buy Now**. At the top, create a **navbar**: * Left: hamburger menu with options → Customer Care, Track Order, Logout * Center: always show site name “FastFeet” * Right: Login and Cart icon with item count In **Customer Care**, show email and phone number; clicking email should open Gmail, clicking phone should open dialer. In **Track Order**, show order progress (Order Confirmed, Out for Delivery, Delivered) with completed steps highlighted using green indicators. Logout should log the user out and redirect to home page. Implement **authentication system**: * First-time user must register (Name, Phone, Password) * Then login * After login, show username instead of login button * If user clicks Add to Cart or Buy without login, redirect to login, then continue the action after successful login Create a **cart system**: * Show added shoes with image, name, price, and checkbox selection * At bottom show total and **Buy Selected** button Create a **checkout page**: * Show selected products * Payment options: Cash on Delivery and Online (dummy) * If COD selected → show “Confirm Order” → place order and redirect to Track Order Use Flask sessions for login state. Store data in SQLite (Users, Products, Cart, Orders). Add at least 8 sample shoe products with images. Ensure cart persists per user. Project structure must include app.py, templates folder, static folder (css, js, images), and database. Ensure responsive design, smooth UX, proper routing, and modern professional UI. Generate complete working code, not partial.