listag / barister Goto Github PK

Баристер — главная страница обучающающей платформы для бариста. Данный проект был придуман и реализован самостоятельно, не является проектом из курсов.

1. Изучить React на практике целого приложения. До этого изучала React на основе маленьких задач.
2. Изучить MUI. Material UI — это reactJS's фрэймворк, предоставляющий готовые решения для web разработки, который реализует Google Material Design.
3. Научиться работать с back-end. В этот пункт выходит: написание асинхронных запросов на сервер, формирование контракта, рализация компонентов на основе JSON-файлов.
4. Реализовать классическую форму регистрации и аутентификации.
5. Реализовать анимированный компонент со сложной логикой отображения элементов. В данном проекте это карусель.

1. Впервые изучила и написала роутинг для SPA.
2. Написала компоненты регистрации и аутентификации. Поняла всю мощь веб-хралища localstorage.
3. Реализовала компоненты шапки, карточки текущего изучаемого курса и рецепта, списка курсов и подвала, у которых данные не являются статичными, а приходят с back-end c помощью библиотеки axios для асинхронных запросов.
4. Реализовала сложную логику для карусели. Работает в бесконечном цикле без пробелов в карточках.
5. Получила первое ревью кода от ментора и сделала большинство правок.

1. Изучить и добавить Redux в проект. Задача находится в процессе, для первого практического изучения стейт-менеджера сделала небольшой проект.
2. Реализовать всю обработку ошибок в проекте.

Для локального запуска проекта нужно в начале запустить в корне проекта json-сервер

json-server src/JsonMock/db.json -m ./node_modules/json-server-auth -r src/JsonMock/routes.json --port 3002

а затем запустить сам проект

npm start