The Ultimate Expert-Curated Smartphone Discovery Platform
⚡ Smart Analyst Picks for Every Budget
🔍 Real-Time Pricing and Deal Tracking
⚖️ Seamless Side-by-Side Comparison Engine
A full-stack, premium responsive web application designed for high-end smartphone discovery. It bridges the gap between expert advice and e-commerce availability with a stunning neon aesthetic.
You can explore the live interface here: http://localhost:5173/TECHBOY-STORE/
"Empowering users to find the best tech deals with zero marketing fluff, just pure performance data."
Vibrant Neon Landing Page with Interactive 3D Particles and high-impact CTAs.
Dynamic filtered product cards with real-time deal links and performance tags.
Semi-transparent side-by-side spec comparison table for deep technical analysis.
Clean Glassmorphism-style Login & Registration with JWT session management.
Backend dashboard tracking user engagement, referral trends, and click analytics.
| Icon | Feature | Description |
|---|---|---|
| 📱 | Analyst Picks | Multi-category budget-vetted recommendations (Under 10k to Flagship). |
| ⚖️ | Smart Comparison | Overlay comparison engine for a detailed spec-by-spec breakdown. |
| 🔗 | Referral Tracking | Direct background tracking for Amazon and Flipkart affiliate links. |
| 🔐 | JWT Integration | Secure account management with personalized search and profiles. |
| ⚡ | Vite-Powered | Instant search results and blazing-fast HMR for a smooth UX. |
Students and developers often struggle to find the best value smartphones amidst overwhelming marketing noise, fragmented e-commerce data, and unreliable reviews. Making a data-driven choice shouldn't take hours of research.
TechBoy Store centralizes expert picks and real-time deal tracking into a single, high-performance dashboard. By leveraging the Django REST Framework for the data layer and React for a fluid UI, it provides a "Source of Truth" for smartphone hunters.
- React 19 - UI Core
- Vite - Build Tooling
- Vanilla CSS - Neon Styling & Glassmorphism
- Context API - State Management
- Django 6 - Robust Backend Framework
- Django REST Framework (DRF) - REST API Layer
- SQLite - High-speed Local Database
- SimpleJWT - Secure Authentication
- FilterBackend - Real-time Querying
- CORS Headers - Cross-origin safety
- Dotenv - Environment Security
TECHBOY-STORE/
├── backend/ # Django REST API
│ ├── api/ # Core Application Logic
│ │ ├── models.py # Product & ClickTrack Models
│ │ ├── views.py # Auth & Resource Endpoints
│ │ └── serializers.py # Data Transform Layer
│ └── core/ # Main Configuration
├── src/ # React Frontend
│ ├── assets/ # Branding & Icons
│ ├── components/ # Modular UI Components
│ │ ├── Navbar.jsx # Dynamic Auth Control
│ │ └── StoreSection.jsx # API Integration Core
│ └── App.css # Neon/Glassmorphism Design System
└── README.md # User Documentation
- AI-Powered Recommendation: Integrate a Llama-3 based chatbot for personalized phone advice.
- Global Price Alert: Email notifications for price drops on watched devices.
- Production-Ready DB: Migrate to PostgreSQL for enhanced scalability.
- Fork the repository.
- Create your Feature Branch (
git checkout -b feature/AmazingFeature). - Commit your changes (
git commit -m 'Add some AmazingFeature'). - Push to the branch (
git push origin feature/AmazingFeature). - Open a Pull Request.
Distributed under the MIT License. See LICENSE for more information.
Note: Please give appropriate credit if you use this UI template.
Chimata Raghuram
Built with ❤️ by Chimata Raghuram