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.
Custom Portfolio Website | Design & Content
Websites That Feel Like You.
Your website doesn't have to look like everyone else's.
I recently built a custom portfolio website combining copy, visual direction, interactive elements, and a little personality instead of dropping my work into another template.
If you're a writer, creator, freelancer, or small business who wants a website built around your brand rather than a cookie-cutter layout, that's something I can help with.
See the live site:
https://writewithjanani.netlify.app
Need a customised website for your brand? DM me.
I'm open to custom website projects.
0
58
Fiction Writing | Stories, Characters & Worlds
I write stories too.
My curious mind needs fuel, so I often find myself disappearing into stories and building a few of my own along the way.
Fiction is where I explore character, emotion, dialogue, atmosphere, and the little details that make a story feel alive.
I create original stories across romance, contemporary fiction, and darker character-driven narratives, building characters and worlds from the ground up.
This work represents my personal creative writing practice and storytelling style.
0
44
Knowledge Hunger | Content Strategy
Content strategy assessment created for Knowledge Hunger as part of their Content Marketing/Writing process.
I researched the brand's YouTube and Instagram presence and developed a practical content strategy covering audience personas, channel analysis, content pillars, post formats, CTAs, publishing cadence, a sample content calendar, KPIs, and immediate growth opportunities.
0
48
Why Most SaaS Brands Fail at Content And What Actually Works in 2026
https://medium.com/@writewithjanani/why-most-saas-brands-fail-at-content-and-what-actually-works-in-2026-ba292aa00e45?sharedUserId=writewithjanani
A research-driven piece exploring why SaaS content often fails to turn attention into meaningful results, and what brands can do differently. I combined content strategy, SEO thinking, audience psychology, and practical examples to turn a broad topic into an actionable read.
Role: Research • Content Strategy • SEO Writing • Copywriting
🌍 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.