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
3
200
TaskFlow: SaaS Landing Page with a Working Task Board
Concept project. A landing page for a fictional task-board product for teams of 2 to 50. Instead of a static screenshot, the hero has a working task board: visitors can drag cards between To do, Doing and Done, and a progress bar updates as they go. They try the product before they've scrolled.
The page includes:
• A hero with a clear promise and a single call to action
• Features, How it works, Pricing and FAQ sections
• A sign-up section
• A fully responsive layout, from phone to wide desktop
Try it: https://victorravindra.github.io/TaskFlow_Concept/
(https://victorravindra.github.io/TaskFlow_Concept/)Need a landing page that turns visitors into sign-ups? Message me here on Contra.
0
12
"Chennai Community App"
https://chenn-ai.vercel.app/
description: "A vibrant 'Tanglish' community hub crafted with Vite and Supabase. Discover local jobs, events, and dynamic data widgets, all wrapped in an experience that feels truly Chennai."
techStack: ["React", "Supabase", "Tailwind CSS + shadcn/ui", "Vite"]
features:
Localization (Tanglish)
Live Data Widgets
Supabase Backend
PWA Ready
0
40
🌍 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
54
I developed a Cryptocurrency Dashboard as a modern web application to track and analyze real-time crypto market data. The project is built using React.js and Vite, ensuring fast performance and a smooth user experience.
It integrates a live cryptocurrency API to fetch dynamic data such as prices, market trends, and percentage changes. I implemented Redux Toolkit for efficient global state management and created reusable components like CryptoCard and Navbar for a scalable architecture.
The application features a responsive design, real-time updates, search functionality, and error handling to ensure reliability. This project reflects my ability to build interactive, data-driven front-end applications with clean UI and optimized performance.
0
45
