Skip to content

chingu-voyages/v13-geckos-team-03

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

The Film Database 🍿

Find films and favourite them

img

Responsive app that shows films loading data via The Movie Database API.

Demo

Live version: https://chingu-voyages.github.io/v13-geckos-team-03/.

Features

gif

  • Main page shows a list of popular and most rated films
  • Search bar to look for films
  • Each film card shows title, synopsis, release year and rating
  • Users can sign up and log in
  • When logged in, users can favourite/unfavourite films using the heart button
  • Favourited films are saved in my films section

Installing

To run this project locally do the following:

Frontend:

  1. Clone the project
  2. run npm install to install all the dependencies
  3. Create an account in The Film DB and follow the instructions here to get your API key. Change apikeyExample.js file name to apikey.js and paste your API key number there
  4. Run npm run dev to start the application. You will be able to access it at localhost:3000

Backend:

coming soon

Built with

React

Styled Components

Styled Icons

Express

Mongoose

Team

This app was made by Geckos Team 3 for the Chingu Collabs Voyage 13.

Allan avatar
Allan

Gema avatar
Gema

Louis avatar
Louis