Frontend Development Projects in Tamil NaduFrontend Development Projects in Tamil Nadu
Projects
People
Cover image for AURA is a sci-fi city
AURA is a sci-fi city exploration platform where every city you've visited becomes a living world you can orbit. Your travel history, reimagined as a personal solar system. Built entirely with Google Stitch ā€” starting from a Figma wireframe import, Stitch generated the full design system: Deep Space color tokens, glassmorphic components, Syne typography. From there, five city worlds came alive ā€” Tokyo, Paris, Mumbai, Nairobi, Cairo ā€” each with its own visual identity, personality, and energy. The experience: a solar system where your explored cities orbit around you. Click a planet ā†’ warp zoom transition ā†’ enter that city's Void. Discover hidden gems through the Orbit feed. Feel the city breathing through live Pulse data. Track your journey on your Zenith profile. Stitch handled everything ā€” streaming generation, in-place AI edits with point-and-click prompts, prototype testing, GitHub codebase sync, and one-click Netlify deployment. The entire frontend ā€” warp transitions, orbital physics, sonar animations ā€” lives in a single index.html. Live: https://aura-void.netlify.app (https://aura-void.netlify.app/)
1
1
81
Cover image for šŸŒ Voyageur ā€“ Travel Planner
šŸŒ Voyageur ā€“ Travel Planner Platform I built Voyageur, a full-stack travel planning platform designed to help users discover, explore, and book curated travel experiences through a clean and high-performance interface. The goal of this project was to simulate a real-world travel product with scalable architecture, smooth UX, and API-driven content. šŸš€ What it does Voyageur allows users to: Explore curated travel packages across multiple destinations Filter trips by budget, duration, category, and preferences View detailed itineraries with hotels, transport, and experiences Save packages to a personal wishlist Book trips with dynamic pricing calculation See live weather insights for destinations Browse visually rich destinations powered by dynamic images šŸ§  Smart Features Dynamic Image System Integrated Unsplash API to fetch destination-based images. Each package displays unique visuals with caching and fallback handling to ensure reliability and performance. Optimized Navigation Fixed real-world issues like slow page transitions and blank states by improving data fetching, caching, and route handling. Performance First Approach Implemented lazy loading, pagination, debounced filters, and API caching to keep the experience fast even with large datasets. āš™ļø Tech Stack Frontend React (Vite) Tailwind CSS React Router Context API Backend Django REST Framework JWT Authentication Database MySQL APIs Unsplash API (images) Weather API šŸ—ļø Architecture The platform follows a clean API-driven architecture: React frontend communicates with Django REST APIs Backend handles authentication, business logic, and data processing MySQL ensures structured and scalable data storage šŸ› ļø Challenges I Solved Fixed slow routing and blank page issues between views Ensured unique images per destination using API randomization + caching Handled async image fetching without breaking UI Migrated and managed structured data in MySQL Built fallback systems to prevent UI breaks šŸ’” Why this project matters Voyageur isnā€™t just a UI project ā€” it demonstrates: Real-world full-stack architecture API integration at scale Performance optimization strategies Clean, maintainable code structure Problem-solving under real development constraints.
0
38