Responsive Design Projects in BadlapurResponsive Design Projects in BadlapurI designed and developed a premium consulting business landing page focused on building trust, credibility, and high-quality lead generation. The design combines a sophisticated dark theme with elegant typography, gold accents, and a clean layout to create a luxury brand experience. The homepage features a compelling hero section, clear calls-to-action, responsive navigation, and a polished visual hierarchy that guides visitors toward booking a consultation. Every element was crafted with performance, accessibility, and mobile responsiveness in mind, ensuring a seamless experience across all devices while reflecting the professionalism expected from a modern consulting brand. GenocideEdu – NGO Website for Education & Human Rights
I designed and developed a modern website for GenocideEdu, an organization dedicated to promoting education, human rights awareness, and social impact initiatives.
The objective was to create a platform that clearly communicates the organization's mission while making it easy for visitors to learn about its work, explore initiatives, and contribute through donations. The design focuses on accessibility, clear storytelling, and an intuitive user experience to encourage meaningful engagement.
My Contributions
Designed and developed the complete website
Created responsive layouts for desktop, tablet, and mobile
Built intuitive navigation to improve content discoverability
Developed reusable components for future scalability
Optimized performance and accessibility for a seamless browsing experience
Tech Stack
Next.js
TypeScript
Tailwind CSS
GSAP
Key Features
✔ Mission-focused storytelling
✔ Responsive and accessible design
✔ Donation-focused user journey
✔ Performance-optimized pages
✔ SEO-friendly architecture
✔ Clean, scalable codebase
This project highlights my ability to build impactful websites that help organizations communicate their mission effectively while providing a modern, reliable, and user-friendly digital experience. Build a Airbnb Clone (Stay-Finder)
A production-ready Airbnb clone (stay-finder) built with Next.js , TypeScript, and MongoDB. Users can Book their hotels , view detailed property listings, and complete secure bookings via Razorpay integration.
Tech Stack: Next.js, React, TypeScript, Tailwind CSS, MongoDB, Razorpay, Zod, React Hook Form
Live Demo: https://stay-finder-umber.vercel.app/
GitHub:https://github.com/athashri-keny/stay-finder
Features Include -
Location-based Search with debounced API integration .
Advanced Filtering by price, amenities, and property type .
Interactive Property Listings with detailed information and high-quality images .
Payment Integration for booking With razor Pay.
Responsive Design Used with Tailwind Css FlowA -I is a modern SaaS landing page built using React, Tailwind CSS, Three.js, Framer Motion, and Supabase.
The project showcases responsive design, animated UI components, 3D visual effects, pricing sections, testimonials, and a waitlist system connected to Supabase for email collection. The goal was to create a polished, production-ready SaaS marketing website with a strong focus on user experience and modern web design.