MyMovies

Click here to see the project live

🌟 About the Project

This repository contains a frontend app to fetch Themoviedb backend., it was created using:

• React + Vite
• React Context
• React Router
• Firebase
• HTML
• CSS
• TypeScript

📷 Screenshots

🧰 Getting Started

‼️ Prerequisites

• To run this project you need:
  • NodeJS
  • Visual Studio Code
  • Themoviedb API key
  • Firebase project API keys

Once you have that, you're ready to go

🏃 Installation and Run Locally

Clone the project

  git clone https://github.com/jesusalberto11/MyMovies

Go to the project directory

  cd MyMovies

Install the dependencies

  npm install

Get your API key from themoviedb

• Get key here

Once you have the key you should create a .env file at the root folder and write this inside:

Note: You should remplace "YOUR API KEY HERE" with your API key

  VITE_MOVIE_API_KEY="YOUR API KEY HERE"

Get you firebase project API keys

• Get keys here

Once you have your project keys, IN THE SAME .env file, you shoud put your API keys like this:

  VITE_FIREBASE_API_KEY="YOUR API KEY"
  VITE_FIREBASE_AUTH_DOMAIN="YOUR AUTH DOMAIN"
  VITE_FIREBASE_PROJECT_ID="YOUR PROJECT ID"
  VITE_FIREBASE_STORAGE_BUCKET="YOUR STORAGE BUCKET"
  VITE_FIREBASE_MESSAGING_SENDER_ID="YOUR MSG SENDER ID"
  VITE_FIREBASE_APP_ID="YOUR FIREBASE APP ID"

Then you're ready to go

Launch the development server

  npm run dev

👋 Contributing

Contributions are always welcome!

Please send a message if you're interested in contributing to the proyect.

🤝 Contact

Jesus Alberto - @LinkedIn