ChernoSlava / Movies-explorer-frontend

Frontend for my diplom project

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.