CodePath WEB103 Final Project

Designed and developed by: Loc Tran and Guillermo Zendejas

🔗 Link to deployed app:

• A digital platform dedicated to the passionate community of cinephiles and series enthusiasts from across the globe. It offers a personalized space where users can curate, organize, and immerse themselves in a world of cinematic artistry spanning countries, timelines, and genres.

• The primary purpose of CineMundo is to provide a unified, immersive platform for movies and series aficionados, enabling them to curate, organize, and cherish their cinematic experiences. The website serves to:

  1. Foster Personal Connection
  2. Promote Exploration
  3. Centralize Information
  4. Enhance Accessibility

• Film has the unique power to transcend boundaries, evoke emotions, and inspire generations. As we immerse ourselves in stories from faraway lands or times long gone, we learn more about our shared human experience. CineMundo isn't just a tool; it's a journey. A journey through diverse cultures, powerful narratives, and the magic of cinema. Our platform is a tribute to all film lovers who cherish the beauty of storytelling and the impact it holds on our souls. Here, you don’t just create a list; you curate memories, experiences, and aspirations. Welcome to the chronicles of your cinematic universe.

Frontend: React

Backend: Node.js, Express.js, and PostgreSQL

✅ User can see a list of available movies on the app and further view movie detail in a popped up modal by clicking on any movie.

✅ User can create a profile for a new movie, adding movie details such as name, director, actors, etc. through user input fields.

✅ User can edit movie data fields for each movie.

✅ User can delete a movie from the movie dashboard.

✅ User can toggle the movie display by switch either card or timeline form.

✅ User can see various movies that have previously been added to their personal wishlist. Also, the user can click on a movie in the wishlist to see its detail screen, showing movie information details.

✅ User can add movies to a wishlist from a list of available movies.

✅ User can remove a movie from the wishlist detail screen.

✅ User can filter out the movie they want to see by typing the title, director's name, or actors' names in a search bar

✅ User can filter for movies related to a specific genre. Many movies can share the same genre (one-to-many).

git clone [http/ssh] CineMundo

cd CineMundo

npm install

npm run reset (once you have got database set up)

npm start (start both frontend and backend)