diegogb-08 / front-rental-movies

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


Logo

BEST NETFLIX CLONE

An awesome clone of Netflix!

View Application

Table of Contents
  1. Installation
  2. About The Project
  3. Overview
  4. Languages and Tools
  5. License
  6. Contact

Installation

Install the dependencies and devDependencies.

npm i

In the project directory, you can run:

npm start

And if you wish, you can run the scss

npm run scss

About The Project

Fakeflix is a Netflix Mock full-stack MERN web application that allows users to watch trailers from TMDb's. The back end of the application was built with Node.js, Mongoose and MongoDB database. All data fetching was done using Express and Axios for declaring JSON structures. The front end was created with React.js and JavaScript and utilizes the Redux architectural framework for an optimal single-page user-experience.

Authentication page

Back-end and front-end user authentication was built from scratch by encrypting user password and creating a unique session token for each user on sign up or login. This allows for secure access to one's account on the single-page application which then renders distinct content based on the current user.

Duration of the project

The project was done in 12 days, starting the 23rd of March 2021 and finishing the 4th of April 2021. Even though we would have loved to work longer in the project in order to add extra features.

Future Features:

  • New & Popular movies section
  • Series section
  • Infinite loop for the carousels
  • Extra steps on register
  • Add a real functionallity to the "like" button within the modal.
  • Add the possibility to give away a movie to another user (Gifts)

Product Name Screen Shot

APP OVERVIEW

Registration & Login

Scroll



enterEmail



Register



Login



Logout



User & Rental view

carousel



modal



search



myList



buyProcess



deleteAll



Profile & Watchlist view

profileProcess



watchlist






BUGS

  • The add list button should remain in blue once you come back to the modal but it does not do it if the add cart is clicked.

Languages and Tools:

bash bootstrap css3 docker express git html5 javascript mongodb nodejs postman react redux redux redux redux redux

Our Trello

trello

License

Distributed under the MIT License. See LICENSE for more information.

Contact

About

License:MIT License


Languages

Language:JavaScript 53.9%Language:SCSS 23.1%Language:CSS 22.5%Language:HTML 0.5%