Coder Social home page Coder Social logo

just1truc / netflixlike-citrus Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 1.0 7.87 MB

Netflix Clone

License: MIT License

Dockerfile 0.63% Shell 1.38% JavaScript 15.53% HTML 2.35% TypeScript 75.38% CSS 4.73%
citrus netflix netflix-clone netflix-citrus express express-js expressjs react reactjs

netflixlike-citrus's Introduction

Citrus

A Netflix like website made with React js

Summary

Requirements

Here are the required technologies

Technologies Part Links
Docker Launch install
Node Both install
npm Both By node installation
Typescript Front install
React 1.16.0 Front From Script
Express Back install
MySql Database install

In order to install the dependencies that are required for the project, please use the following command at the root of your repository :

cd frontend/frontend && ./DownloadDependencies && cd ../../backend && ./DownloadDependencies && cd ..

Launching Project

In order to launch the project, you'll need to start the back and front and the database. To start it all at once, you can either use docker: (Currently broken)

sudo docker-compose up

Or launch everything separetly following the next steps.

Database

To initialize the database :

cd db/ && ./CreateDatabase && cd ..

In the middle of this project, it is possible that the programme ask you your computer password or/and the password of your root user in your mysql service.

If you haven't, you should first start the mysql service.

Backend & Frontend

To launch the project, you'll need two terminals

In the first one, copy and execute the following command:

cd backend/ && npm run start

Then, execute in the second the command below:

cd frontend/frontend && npm run start

Usage

If the project is started, you can now check it by going on any browser using this url:

http://locahost:3000/

Protections

Backend

Most routes have been secured using JWT The secret have been pushed on the repository in the .env file at the root at the repository and must been changed if you plan to use this project for security reasons.

The only routes that doesn't require a valid token to accept a request are the route:

  • /register
  • /login

Any other router would need a valid token. Each token produced by the backend expire after 1 hour.

Frontend

If the use doesn't not have a valid or non-expired token, he will be redirected to the home page if he tries to go to any route that require a token.

Route Require a token Redirected to
/login NO No Redirection
/register NO No Redirection
/ NO If there is a token : /browse
/browse YES If there is no token : /
/YourAccount YES If there is no token: /
/[unknown] NO / 404

Credits

Programation : Justin Duc

linkeding bage git hub bage mail

netflixlike-citrus's People

Contributors

just1truc avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

gferrara8596

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.