За основу взят мой дипломный проект movies-explorer. Шаг за шагом я буду проводить рефакторинг и использовать всё более и более сложные технолоии и новый стек.
Проект представляет собой сайт для поиска, обзора и сохранения фильмов. В проекте присуствует регистрация, авторизация, главная страница, и две страницы: поиск по фильмам и сохранённые фильмы.
Backend часть данного проекта находится по ссылка: https://github.com/ChernoSlava/movies-explorer-api.git
- HTML5: семантические теги,
- CSS 3: медиа-запросы,
- JavaScript: React,
- React hooks,
- Higher-Order Components,
- Storybook,
- Styled Components,
- ESLint
- TypeScript;
Требования:
-
npm >= 6.14;
-
Node js
-
MongoDB
- Для этого на локальном компьютере выполните команду:
git clone https://github.com/ChernoSlava/movies-explorer-api.git
- Для копирования проекта на локальный пк по https;
- После этого в консоли нужно выполнить:
npm i
- Для установки зависимостей;
- Следующим шагом локально запускаем backend Для этого в терминале вводим команду:
npm run dev
;
- Для этого на локальном компьютере выполните команду:
git clone https://github.com/ChernoSlava/Movies-exlorer-refactor.git
- Для копирования проекта на локальный пк по https;
- После этого в консоли нужно выполнить:
npm i
- Для установки зависимостей;
- Для использования:
npm start
- Команда для запуска проекта;npm run build
- Для сборки проекта;npm run eslint
- Для проверки ошибок через ESLint;npm run storybook
- Для проверки и рефакторинга компонентов без запуска приложения;
Level-1 - Подключить ESLint и перевести проект на Styled component ( Доп.-использовать звуковые эффекты )
Оригинальный макет проекта https://disk.yandex.ru/d/69oaThBQQpratA
Ссылка на github frontend части frontend
Ссылка на github оригинальной frontend части frontend-origin
Ссылка на github backend части backend
- Статичный сайт Путешествие по России;
- Репозиторий проекта Место на чистом js;
- Репозиторий полноценного доработанного проекта Место Frontend и Backend;
- Дипломный проект Movies explorer.