Maa Hostels
Build a modern and responsive website for MAA Hostels to represent their brand and make it easy for students to discover their locations and offerings.
Roles In Project
- Frontend Developer
- UI Designer
- Deployment Engineer
Responsibilities
- Designed and implemented the full UI
- Developed frontend using Vite + React + Tailwind CSS v4
- Handled form validation and submission with React Hook Form + Zod
- Deployed site on Hostinger with domain setup
- Delivered the entire project in under 5 days
MAA Hostels is a hostel business based in Guwahati with over 400+ students across 3+ hostels.The website showcases their locations, services, and contact details in a clean, mobile-friendly UI.Built for performance, responsiveness, and easy maintenance, this project was completed from scratch in a very tight deadline.
Features
- Modern responsive design using Tailwind CSS v4
- Smooth micro-animations for interactive elements
- Optimized form validation with React Hook Form + Zod
- Fast load time using Vite and asset optimization
- Full deployment and DNS setup on Hostinger
Challenges
- Tight Deadline – The client required the website to be completed within a short timeframe (5 days).
- Solo Execution – From UI/UX design to deployment, everything was handled alone.
- Last-minute Inputs – Client content and images were provided late, requiring on-the-fly adjustments.
- Animation Tuning – Ensuring micro-interactions were smooth and lightweight on mobile devices.
Technology Stack
- React
- Vite
- Tailwind CSS v4
- Typescript
- React Hook Form
- Zod
- Hostinger
- Motion