front-rental-movies

KO | EN

gitlite — search

#golang #android #machine-learning #deep-learning #linux #docker #nodejs #macos #java #vue #awesome-list #pytorch #mcp #open-source

front-rental-movies

(★ 9)

No description available.

front-rental-movies Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<a href="https://github.com/othneildrew/Best-README-Template">
 <img src="https://i.imgur.com/oJkLhii.png" alt="Logo" >
 </a>

<h3 align="center">BEST NETFLIX CLONE</h3>

An awesome clone of Netflix!
 
 
 <a href="https://fakeflixmock.herokuapp.com/">View Application</a>

<details open="open">
 <summary>Table of Contents</summary>
 <ol>
 <li>
 <a href="#installation">Installation</a>
 </li>
 <li>
 <a href="#about-the-project">About The Project</a>
 </li>
 <li>
 <a href="#app-overview">Overview</a>
 </li>
 <li><a href="#languages-and-tools">Languages and Tools</a></li>
 <li><a href="#license">License</a></li>
 <li><a href="#contact">Contact</a></li>
 </ol>
</details>

## Installation

Install the dependencies and devDependencies.

```sh
npm i
```
In the project directory, you can run:

```sh
npm start
```
And if you wish, you can run the scss

```sh
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][product-screenshot]](https://fakeflixmock.herokuapp.com/)

## APP OVERVIEW

#### Registration & Login
<img src="public/gif/scroll.gif" alt="Scroll" >

#### User & Rental view

#### Profile & Watchlist view

---

#### 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:
 <a href="https://www.gnu.org/software/bash/" target="_blank"> <img src="https://www.vectorlogo.zone/logos/gnu_bash/gnu_bash-icon.svg" alt="bash" width="40" height="40"/> </a> <a href="https://getbootstrap.com" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/bootstrap/bootstrap-plain-wordmark.svg" alt="bootstrap" width="40" height="40"/> </a> <a href="https://www.w3schools.com/css/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original-wordmark.svg" alt="css3" width="40" height="40"/> </a> <a href="https://www.docker.com/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/docker/docker-original-wordmark.svg" alt="docker" width="40" height="40"/> </a> <a href="https://expressjs.com" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/express/express-original-wordmark.svg" alt="express" width="40" height="40"/> </a> <a href="https://git-scm.com/" target="_blank"> <img src="https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg" alt="git" width="40" height="40"/> </a> <a href="https://www.w3.org/html/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original-wordmark.svg" alt="html5" width="40" height="40"/> </a> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg" alt="javascript" width="40" height="40"/> </a> </a> <a href="https://www.mongodb.com/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/mongodb/mongodb-original-wordmark.svg" alt="mongodb" width="40" height="40"/> </a> </a> <a href="https://nodejs.org" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/nodejs/nodejs-original-wordmark.svg" alt="nodejs" width="40" height="40"/> </a> <a href="https://postman.com" target="_blank"> <img src="https://www.vectorlogo.zone/logos/getpostman/getpostman-icon.svg" alt="postman" width="40" height="40"/> </a> <a href="https://reactjs.org/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/react/react-original-wordmark.svg" alt="react" width="40" height="40"/> </a> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/redux/redux-original.svg" alt="redux" width="40" height="40"/> </a> <img src="https://i.imgur.com/s59l4lu.png" alt="redux" width="40" height="40"/> </a> <img src="https://i.imgur.com/MD1U1tu.png" alt="redux" width="40" height="40"/> </a> <img src="https://i.imgur.com/0fbJECr.png" alt="redux" width="40" height="40"/> </a><img src="https://i.imgur.com/lfb9mFw.png" alt="redux" width="40" height="40"/> </a>

##### Our Trello

## License

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

## Contact

- Diego García - [@diegogb-08](https://github.com/diegogb-08)
- Robert de la Fuente - [@Roo-Git](https://github.com/Roo-Git)
- Víctor Sanchis - [@vicGeo](https://github.com/vicGeo)

[product-screenshot]: https://i.ibb.co/hMPDn3N/home-Fakeflix.png

front-rental-movies

front-rental-movies Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

front-rental-movies

front-rental-movies Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README