Walmart Hackathon Project 🛒⚡ A high-performance, full-stack replica of the Walmart e-commerce homepage built for the Walmart Hackathon Challenge. This project demonstrates a responsive UI, modular component architecture, and a dedicated backend API for dynamic content delivery.
🔗 Repository: https://github.com/samarJ19/wallmart-Hackathon
🚀 Overview This application recreates the core shopping experience of Walmart.com, focusing on speed, accessibility, and responsive design. It features a dynamic frontend that fetches real-time deals and category data from a custom Node.js backend.
Key Features Responsive Header: Fully functional search bar, department navigation, and cart integration.
Dynamic Hero Section: Interactive banner showcasing top deals (e.g., "Deals for Days").
Product Feed: Reusable product cards with "Rollback" badges, ratings, and shipping info.
Flash Deals: specialized section for time-sensitive offers.
Department Browser: Visual grid for navigating categories (Grocery, Electronics, Home, etc.).
Backend API: RESTful endpoints serving product and category data.
🛠️ Tech Stack Frontend Framework: React (v18)
Language: TypeScript (.tsx)
Styling: Tailwind CSS
Icons: Lucide React
Backend Runtime: Node.js
Framework: Express.js
API: REST (JSON)
git clone https://github.com/samarJ19/wallmart-Hackathon.git
cd wallmart-Hackathon
cd backend
npm install
npm run dev
cd recommend
pip install fastapi pydantic numpy uvicorn
python main2.py
cd frontend
npm install
npm run dev
├── backend/ # Node.js API + WebSocket logic
├── frontend/ # React + TypeScript frontend
├── recommend/ # FastAPI ML service
├── README.md
🤝 Contributors
Samar Joshi – Fullstack Developer & AI Integration
Shravika Jain - AI Systems Engineer
Jainam Singhai - Fullstack Developer
Keshav Porwal - Fullstack Developer