Built a responsive movie playlist web app inspired by Letterboxd and Spotify, allowing users to sign up, log in, browse films, and create personalized playlists. Worked collaboratively with the backend team to develop a React + Tailwind interface, integrate RESTful APIs, manage global state with Context API, and coordinate development using GitHub, Figma, and Notion to deliver a cohesive, full-stack experience.
FrameBox is a responsive web platform that allows users to sign up, log in, browse movies, create playlists, and showcase favorites.
Blending Letterboxd’s movie-tracking concept with Spotify’s sleek design, it delivers an engaging user experience through a powerful React + Tailwind frontend integrated with a robust Node.js backend that can be found here.
- Implemented responsive layouts and dynamic UI components using React + Tailwind CSS.
- Integrated RESTful APIs with Axios for authentication, movie data, and playlist management.
- Managed user sessions and global state via React Context API.
- Collaborated with backend developers to align data models and endpoints.
- Contributed to UI/UX design refinement based on Figma prototypes.
- Ensured consistent code quality with ESLint, Prettier, and modular component architecture.
Frontend: React, Vite, Tailwind, Redux Toolkit, Axios, React Router
Backend (Integration): Node.js, Express, MongoDB, JWT
Design & Tools: Figma, GitHub, Notion, Discord
- 🔐 Authentication – secure login & signup
- 🎞️ Movie Showcase – visually rich film gallery
- 🎧 Playlists – personalized movie collections
- 🎨 Spotify-inspired UI – dark theme & fluid interactions
- 📱 Fully Responsive – optimized for desktop and mobile
Worked in an agile team environment with clear role separation:
- Frontend team: user interface, routing, and integration
- Backend team: API endpoints, authentication, and database logic
- Collaboration: GitHub Projects for version control, Notion for documentation, and Discord for stand-ups and code reviews
- Frontend: Vercel
- Backend: Render / Railway
- Configured for seamless API communication via environment variables.
Licensed under the MIT License.
** Development Team**