Dojo DB

Full-Stack Martial Arts Movie Database App

Project Snapshot

Project Type: CareerFoundry portfolio project (Full-Stack Web Development)
Role: End-to-end design & development
Stack: React, Node.js, Express, MongoDB, JWT
Focus: Full-stack architecture, secure authentication, responsive UI
Screenshots of various DojoDB interfaces
Screenshot showing the Login-Page, the MongoDB Atlas backend website, the deployed Heroku-app page for the backend.

What I Did

  • Designed and implemented a RESTful API for movies and user data
  • Built a React frontend for browsing, filtering, and saving favorite films
  • Managed routing, responsive layout, and secure login functionality
  • Developed wireframes, structured endpoints, and conducted manual testing
Handsketched Wireframe.

Backend

Set up RESTful API using Express and MongoDB

Developed secure user authentication with token-based login

Created scalable data models for users and movies

Frontend

Built a responsive React UI with search, filter, and favorites

Implemented state management using React hooks

Ensured mobile-first design with optimized components

Key Features

  • Secure Authentication: Token-based login & user management
  • Movie Browsing: Browse, filter, and view movie details
  • Favorites: Save preferred titles for easy access
  • Responsive UI: Built with mobile-first design principles
DojoDB Profile Page.
DojoDB Login Page.
DojoDB Movie Page

Conclusion

Lessons

  • Learned to architect full-stack applications from scratch
  • Gained hands-on experience with data modeling and REST API design
  • Strengthened frontend skills through dynamic UI development in React
  • Improved debugging and iteration cycles through manual testing

Future Directions

  • Add Reviews & Ratings: Let users contribute opinions and insights
  • Recommendation Engine: Suggest movies based on user preferences
  • Performance Boost: Optimize API response times and frontend load speed
  • Expanded Database: Add more genres and films for broader appeal
Scroll to Top