Cabin4 Professionals: Where It All Started
CLIENT
Cabin4 Professionals
ROLE
Front-End Engineer
DURATION
July 2019 - June 2021
TECH_STACK
PROJECT_URL
view_site2 yrs
First Role
20+
Pages Built
React
Learned Here
Live
Still Running
CONTEXT
I joined Cabin4 Professionals in Calicut while I was still finishing my CS degree. This wasn't an internship that turned into a job. It was a job from day one. The team was small, the clients were real, and I was writing code that went into production within my first few weeks. Everything I know about building interfaces started here.
THE HIGHLIGHT: MESCE WEBSITE
The biggest project during my time at Cabin4 was the website for MES College of Engineering, Kuttippuram. A full institutional website with around 20+ routes covering departments, placements, faculty, governance, hostel info, exam cell, research, library, campus facilities, and more. I built the entire frontend.
- 12 department pages, each with program details, seat counts, HOD info, and NBA accreditation status
- Training & Placement section with recruiter profiles, placement statistics, staff and student coordinator directories
- Governance, statutory cells, affiliations, and NAAC/ISO accreditation showcases
- Student-facing sections: anti-ragging portal, grievance system, online payment integration, NSS, IEDC, alumni network
- Responsive across all pages for students browsing on phones between classes
Next.js for an Institutional Site
Pushed for Next.js over a plain React SPA because the college needed SEO. Students and parents Google these pages. Server-side rendering was the right call for discoverability.
Content-Heavy, Not CMS-Driven
The content was managed through structured data and API calls rather than a headless CMS. The college admin team updated through a backend panel that our team built.
Component Reuse Across 20+ Pages
Standardized card layouts, data tables, and section headers into reusable components. Without this, the project would have been unmaintainable at that page count.
OTHER PROJECTS
MESCE was the flagship, but I worked on other projects at Cabin4 too. Each one taught me something different about building for real users.
- Tourecoz: A travel/tourism platform. My first exposure to building product-style UIs with search, filtering, and booking flows. Learned that travel sites live and die by load speed and mobile UX
- Sportzy: A sports-related web app. Got me comfortable with dynamic data rendering, real-time-ish updates, and layouts that need to work across wildly different content shapes
- Several smaller client projects that sharpened the basics: responsive layouts, API integration, cross-browser debugging, and working with designers who hand you a Figma and expect pixel-perfect output
WHAT I LEARNED
Cabin4 was where I figured out that frontend development isn't about knowing a framework. It's about understanding what the user needs to do and getting out of their way.
- React and GSAP became second nature here. Not from tutorials, but from building things that needed to ship on a deadline with real stakeholders reviewing them
- Working in a small team means you don't get to say "that's not my job." I touched everything from API integration to deployment to client calls. It was messy and it was the best education I could have gotten
- The MESCE site taught me what "scale" means even for a frontend. 20+ pages with different data shapes, shared components, and an admin team that doesn't think in components. You learn to build systems, not just pages
- I transitioned from React to Next.js here because I saw the SEO problem firsthand. The college site was invisible on Google as an SPA. That practical pain made me understand SSR at a gut level, not just a theoretical one