/Movies-explorer-frontend

Frontend for my diplom project

Primary LanguageJavaScript

movies-explorer-frontend

level - 3


Description

Functionality: The project allows the user to get acquainted with unusual, interesting films, save them to his list, watch the trailer, search for movies by keywords.

Technology stack:

  • HTML5,
  • CSS,
  • React js,
  • Node js,
  • MongoDB,
  • Express js,
  • PM2.

Project preview

Start page

Authorization page

Registration page

Movie search page

### Saved movies search page with filter

Page 404


Requirements, installation and launch:

Requirements:

  • npm >= 6.14;

  • Node js

  • MongoDB

Installation:

To install on your computer, you need to run the command on your local computer:

  • git clone https://github.com/ChernoSlava/movies-explorer-frontend - To copy the project to a local PC over https;

After that, in the console, you need to run:

  • npm install - To install dependencies;

To use:

  • `npm run start' - Command to start the project;
  • `npm run build' - To build the project;

Links to this project

Project layout https://disk .yandex.ru/d/69oaThBQQpratA


Public IP - 158.160.58.195

Domain with an available application https://movies.chernoslava.nomoredomainsclub.ru

Domain with the application server https://api.movies.chernoslava.nomoredomains.club


Link to github frontend part Github

Link to github backend part Github


Links to other projects

Projects created during Yandex training.Workshop:

  1. Static website Travel to Russia;
  2. The project repository is a place on pure js;
  3. Repository of a full-fledged modified project, Frontend and Backend location;
  4. Graduation project Movies explorer.

Projects created with the training and mentoring of senior web developer Abretova A.:

  1. Counter;
  2. Counter-temperature;
  3. ToDo list;
  4. Contacts keeper;
  5. Fish gallery;
  6. Refactoring of the Movies explorer graduation project.

Projects using different technologies:

  1. Dihitals clock using SCSS/jQuery;
  2. Films review using PUG/SCSS;
  3. 2d game on Vanila JavaScript/Canvas;
  4. React/Next js burger website.