LokalIn Marketplace Catalog
Modern E-commerce Platform with ICONIX Process & MVC Architecture
Role
Frontend Lead & Full Stack Developer
Client
University Project (Software Engineering)
Duration
4 Weeks
Team Size
4 People
Key Impact
Established a unified Design System that ensured 100% UI consistency across 4 developers and successfully implemented a secure public interaction flow.
Project Overview
Built as a final project for Software Engineering course, this system implements a strict MVC architecture on Next.js 14. As the Frontend Lead (UI QA) and Public Feature Developer, I was responsible for enforcing the Design System (Shadcn/UI), managing the public-facing catalog modules, and implementing the guest interaction logic using Supabase and Resend SDK.
Challenges
- 1Enforcing strict UI/UX SOPs (No manual CSS allowed) across the team to maintain design consistency.
- 2Managing complex Git Flow with strict branch policies to prevent conflicts on the main branch.
- 3Integrating 'Guest' interaction features (Rating/Comments) without requiring user login.
Solutions
- 1Implemented a centralized Layout wrapper and reusable Shadcn/UI components to enforce the design system.
- 2Developed a robust Search & Filter mechanism (Category, Name, Location) for the public catalog.
- 3Integrated Resend SDK to automate 'Thank You' emails for guest interactions, enhancing user engagement.
Screenshots
“The strict standardization of the UI/UX and the Git Flow managed by the team made the development process highly efficient and minimized conflicts.”
Key Features
- Public Catalog Landing Page
- Advanced Search & Filtering
- Guest Rating & Comment System
- Automated Email Notifications (Resend)
- Standardized UI Component Library (Shadcn)
- MVC Architecture Implementation
Development Timeline
Week 1: Foundation
1 weekGit Repo setup, Database initialization, and Design System (Shadcn/UI) setup.
Week 2: Core Logic
1 weekDevelopment of Public Catalog display and Product Upload features.
Week 3: Interaction
1 weekImplementation of Guest Rating/Comments and Email integration.
Week 4: Reporting & Polish
1 weekFinal UI Polish (QA) and system-wide testing.
Interested in working together?
Let's discuss how I can help bring your project to life.