Skip to content

kubra16/FaveFlix-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FaveFlix

Introduction

FaveFlix is a web application that allows users to search for movies, create personalized movie lists, and share them with others. This project is built using the MERN stack (MongoDB, Express, React, Node.js) and uses the OMDB API for fetching movie data.

Features

  • User authentication (Sign Up/Sign In)
  • Movie search functionality
  • Create, view, and manage movie playlist
  • Public , private and delete playlist options

Installation

Prerequisites

  • Node.js
  • MongoDB

Setup Instructions

  1. Clone the backend repository :
  • Link for backend repository
  https://github.com/kubra16/FaveFlix-backend
git clone https://github.com/kubra16/FaveFlix-backend.git
cd FaveFlix-backend
  1. Backend Setup:

    • Install dependencies:
    npm install
    • Create a .env file with the following variables:
      BASE_URL=your_mongo_database_uri
      JWT_SECRET=your_jwt_secret
      
    • Start the backend server:
      npm start
  2. Clone the frontend repository:

    • Link for frontend repository
  https://github.com/kubra16/FaveFlix-frontend
git clone https://github.com/kubra16/FaveFlix-frontend.git
cd FaveFlix-frontend
  1. Frontend Setup:
  • Install dependencies:
npm install
  • Create a .env file with the following variable:

    REACT_APP_BASE_URL=http://localhost:5000/
    REACT_APP_API_KEY=your_omdb_api_key
    
  • Start the frontend development server:

    npm start
  1. Access the application:
  • Open your browser and go to http://localhost:3000
  1. Access the deployed application:
  https://fave-flix-frontend.vercel.app/