{"id":35886847,"url":"https://github.com/dhrub404/ecommerce_project","last_synced_at":"2026-01-08T21:03:20.682Z","repository":{"id":331016433,"uuid":"1124256654","full_name":"Dhrub404/ecommerce_project","owner":"Dhrub404","description":"🚀 Just built and deployed Cartify — a full-stack premium e-commerce platform using React, Django REST Framework, and Redux Toolkit! 🧩 Implemented key features like user authentication, shopping cart, wishlist, profile management, and order handling, all wrapped in a clean, modern UI. ","archived":false,"fork":false,"pushed_at":"2025-12-31T03:48:14.000Z","size":2451,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-01-02T01:36:25.438Z","etag":null,"topics":["api","backend","django","ecommerce-website","frontend","fullstack","react","redux","rest-api","web-development"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Dhrub404.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-12-28T17:01:28.000Z","updated_at":"2025-12-31T03:48:17.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/Dhrub404/ecommerce_project","commit_stats":null,"previous_names":["dhrub404/ecommerce_project"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/Dhrub404/ecommerce_project","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dhrub404%2Fecommerce_project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dhrub404%2Fecommerce_project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dhrub404%2Fecommerce_project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dhrub404%2Fecommerce_project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Dhrub404","download_url":"https://codeload.github.com/Dhrub404/ecommerce_project/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dhrub404%2Fecommerce_project/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28248953,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2026-01-08T02:00:06.591Z","response_time":241,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","backend","django","ecommerce-website","frontend","fullstack","react","redux","rest-api","web-development"],"created_at":"2026-01-08T21:01:58.908Z","updated_at":"2026-01-08T21:03:20.676Z","avatar_url":"https://github.com/Dhrub404.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🛒 Cartify - Premium E-Commerce Platform\n\nA full-stack e-commerce application built with React, Django REST Framework, and Redux, featuring a premium UI, user authentication, shopping cart, wishlist, and order management.\n\n![React](https://img.shields.io/badge/React-19.x-blue) ![Django](https://img.shields.io/badge/Django-5.x-green) ![Redux](https://img.shields.io/badge/Redux-Toolkit-purple) ![Vite](https://img.shields.io/badge/Vite-6.x-yellow)\n\n## ✨ Features\n\n### 🎨 Modern UI/UX\n- **Premium Design**: Gradient branding, glassmorphism headers, and polished typography (\"Outfit\" font).\n- **Responsive Layout**: Mobile-first design using React Bootstrap and custom CSS.\n- **Micro-interactions**: \n  - 3D-style Wishlist Heart toggle.\n  - Animated \"Empty Cart\" and \"Empty Wishlist\" states.\n  - Hover effects on product cards and buttons.\n\n### 👤 User Authentication\n- User registration and login\n- JWT-based authentication (Access/Refresh tokens)\n- Protected routes (Orders, Profile)\n\n### 🛍️ Shopping Experience\n- **Product Catalog**: Grid view with ratings (`4.5 ★`) and review counts.\n- **Search**: Real-time product search functionality.\n- **Product Details**: Comprehensive view with images, descriptions, and stock status.\n\n### 🛒 Shopping Cart\n- **Redesigned Cart**: Clean white-card layout with purple accents.\n- **Smart Management**: Add/remove items, update quantities.\n- **Live Summary**: Real-time subtotal and total calculation.\n- **Persistence**: Cart state synced with backend/local storage.\n\n### ❤️ Wishlist\n- **Toggle Feature**: Heart icon on product cards toggles add/remove instantly.\n- **Visual Feedback**: Red heart animation on selection.\n- **Management Page**: Dedicated screen to view and remove saved items.\n- **Empty State**: Beautiful animated heart pulse when wishlist is empty.\n\n### 📦 Order Management\n- **Seamless Checkout**: Streamlined process from Cart to Order placement.\n- **Order Success Screen**: \n  - **Animation**: Green Checkmark pop-in effect.\n  - **Details Card**: Full summary with images, order ID, and expected delivery date.\n- **Order History**: View past orders with status and totals.\n\n### 🎯 Additional Features\n- **Toast Notifications**: Custom stacked toast messages for actions (though heavily refined for cleaner UX).\n- **Profile Dashboard**: Sidebar navigation for Profile, Orders, and Addresses.\n- **Interactive Elements**: animated buttons and loading states.\n\n## 🚀 Tech Stack\n\n### Frontend\n- **React 19** - UI library\n- **Redux Toolkit** - State management\n- **React Bootstrap** - Responsive components\n- **Vite** - High-speed build tool\n- **CSS3** - Custom variables, animations, and gradients\n\n### Backend\n- **Django** - High-level Python web framework\n- **Django REST Framework (DRF)** - Powerful API construction\n- **SQLite** - Default database (easily scalable to PostgreSQL)\n- **JWT** - Secure authentication\n\n## 📁 Project Structure\n\n```\necommerce_project/\n├── backend/\n│   ├── manage.py              # Django entry point\n│   ├── ecommerce_project/     # Project settings\n│   ├── products/              # Product \u0026 Wishlist logic\n│   ├── users/                 # Auth \u0026 Profile logic\n│   ├── orders/                # Order management logic\n│   └── cart/                  # Cart management logic\n│\n├── frontend/\n│   ├── src/\n│   │   ├── components/\n│   │   │   ├── Navbar.jsx     # \"Cartify\" branded navbar\n│   │   │   ├── ...\n│   │   │\n│   │   ├── screens/\n│   │   │   ├── ProductListScreen.jsx  # Home page\n│   │   │   ├── CartScreen.jsx         # Redesigned Cart\n│   │   │   ├── WishlistScreen.jsx     # New Wishlist UI\n│   │   │   ├── OrderSuccessScreen.jsx # Animated Success\n│   │   │   ├── ...\n│   │   │\n│   │   ├── actions/           # Redux actions\n│   │   ├── reducers/          # Redux reducers\n│   │   ├── App.jsx            # Main routing\n│   │   └── index.css          # Global premium styles\n│   │\n│   └── package.json\n```\n\n## 🛠️ Installation \u0026 Setup\n\n### Backend (Django)\n\n1. **Create virtual environment**\n   ```bash\n   python -m venv .venv\n   # Windows\n   .venv\\Scripts\\activate\n   ```\n\n2. **Install dependencies**\n   ```bash\n   cd backend\n   pip install -r requirements.txt\n   ```\n\n3. **Run migrations**\n   ```bash\n   python manage.py migrate\n   ```\n\n4. **Start server**\n   ```bash\n   python manage.py runserver\n   ```\n   Backend runs at: `http://127.0.0.1:8000`\n\n### Frontend (React + Vite)\n\n1. **Navigate to frontend**\n   ```bash\n   cd frontend\n   ```\n\n2. **Install dependencies**\n   ```bash\n   npm install\n   ```\n\n3. **Start development server**\n   ```bash\n   npm run dev\n   ```\n   Frontend runs at: `http://localhost:5173`\n\n## 🔐 User-Specific Data\n\n- **Cart \u0026 Orders**: Stored in database linked to the authenticated user.\n- **Wishlist**: Currently utilizes LocalStorage for immediate interaction, with backend sync architecture ready.\n\n## 🤝 Contributing\n\nThis project is part of a premium e-commerce portfolio.\n\n**Happy Shopping with Cartify! 🛍️**","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdhrub404%2Fecommerce_project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdhrub404%2Fecommerce_project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdhrub404%2Fecommerce_project/lists"}