Front-end developer · Fast websites for small businesses
New to Contra
Front-end developer · Fast websites for small businesses
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
OrderEase: Online Shop with WhatsApp Ordering for Small Sellers
Concept project. Many small sellers (Instagram shops, home bakers, boutiques and craft studios) take orders through DMs, typing out prices and addresses by hand. OrderEase gives them a proper online shop, while orders still land where they already work: WhatsApp.
The demo store is Kora Ceramics, a fictional pottery studio.
For customers
• Browse by category, search, and sort by price
• Pick a glaze (variant) right on the product card, or open a product to choose quantity, with stock limits
• Cart saved on the device, with a free-delivery progress bar
• Checkout with mobile number and pincode validation and a live delivery estimate ("Chennai: 1–2 days")
• An order reference, a receipt, and one tap to send the full order on WhatsApp
For the owner
• New orders, orders to ship, weekly sales and average order value at a glance
• Move orders from New → Packed → Shipped → Delivered
• WhatsApp the customer an update in one tap
• Search by name, order number or pincode, and export to CSV
Every product image is drawn in code (SVG), so the whole shop loads fast with no image files. It works on any phone and passed automated end-to-end tests on desktop and mobile. Owner dashboard PIN: 1234.
Try it: https://victorravindra.github.io/orderease-demo/
(https://victorravindra.github.io/orderease-demo/)Want a shop like this for your business? Message me here on Contra.
0
13
BookEase: Online Booking App for Salons, Clinics & Tuition Centres
Concept project. Small service businesses still take most bookings over phone calls and WhatsApp, which means missed calls, double bookings and no-shows. BookEase lets customers book a real, free time slot from their phone in under a minute, and gives the owner one place to manage every booking.
What customers get
• Pick a service, day and time. Only genuinely free slots are shown, based on opening hours, lunch breaks, appointment length, clean-up time and how many people can be served at once
• Instant confirmation with a booking reference, a WhatsApp message to the business and "Add to calendar"
What the owner gets
• Today's and upcoming bookings, with one-tap Done / No-show / Cancel
• Call or WhatsApp a customer from the booking
• Close days for holidays, see weekly revenue, export to CSV
• A shareable booking link, a QR code and a printable counter poster
Built to be reliable: every booking is re-checked on the server so two people can't take the same last slot, customers can never see each other's details, and only the owner's account can manage bookings (Supabase with row-level security).
Each business gets its own name, colours, services and hours from a single config file. The live demo has three: a salon, a dental clinic and a tuition centre. Owner dashboard PIN: 1234.
Try it: https://victorravindra.github.io/bookease-demo/
(https://victorravindra.github.io/bookease-demo/)Want this for your business? Message me here on Contra.
0
14
a café website with a tabbed menu, a picture gallery, a table-booking form with validation, and an “Open now” status.
🌍 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.
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
Restaurant Website & Menu Management System
Developed a responsive restaurant website using HTML, CSS, and PHP, designed to showcase menu items, food categories, and services in a user-friendly interface. The project includes multiple pages such as menu listings, image galleries, and reservation functionality, providing a complete digital presence for a food business.
The system allows easy navigation through different meal categories (lunch, dinner, specials) and integrates visually appealing food images to enhance user engagement. Basic backend functionality using PHP enables handling user interactions such as reservations or inquiries.
Key Highlights:
Responsive and clean UI design
Organized menu structure with images
Multi-page navigation (menu, gallery, reservation)
Beginner-friendly backend integration using PHP
Suitable for small restaurant or café businesses
0
39
Designed and built a high-end boutique website for a local client with a focus on elegant UI/UX and seamless user experience. The platform includes responsive design, dynamic product display, real-time cart updates, and WhatsApp-based ordering to enhance customer interaction and boost conversions.
Technologies: HTML, CSS, JavaScript🌸