Skip to content

KohnoA/rs-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

410 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Технологии используемые на проекте:

  • React
  • React router
  • Axios
  • Redux(Redux toolkit)
  • Typescript
  • SCSS(modules)
  • Firebase
  • Swiper.js
  • Eslint, prettier

Установка

  • Склонировать репозиторий: git clone https://github.com/KohnoA/rs-clone.git
  • Перейти в папку с проектом: cd rs-clone
  • Перейти в ветку develop: git checkout develop
  • Установить зависимости: npm install
  • Запустить проект: npm run start

Функционал приложения:

Main

  • Бесконечный слайдер с предложениями рецептов попадающих под категорию здорового питания. Слайдер реализован при помощи библиотеки Swiper.js
  • Блок с информацией о приложении, рассказывающая какой функционал мы предоставляем
  • Группы с предложениями рецептов, по приемам пищи

Calculator

  • Реализован функционал, при котором пользователь может ввести свои ингредиенты в форму и получить суммарную информацию о своем рецепте. Такую как: общая калорийность, общее содержание белков, жиров, углеводов, витаминов и т. д.
  • Обработка ошибок сервера и клиента

Constructor

  • Форма для данных о пользователя
  • Расчёт количества калорий на день в зависимости от данных введенных пользователем
  • Секция с предложением вариантов блюд подходящих к дневной норме калорий
  • Сохранение данных формы при помощи sessionStorage

About

  • Реализована страница с информацией о разработчиках приложения

Catalog Recipes

  • Реализован поиск рецепта через инпут в хедере. (При вводе значения на другой странице, перебрасывает на страницу Recipes с искомыми рецептами).
  • Реализована возможность добавления рецепта в избранное, при помощи Redux и LocalStorage (для каждого пользователя)
  • Динамическая подгрузка рецептов.
  • Кнопка "вернуться к началу страницы"
  • Обработка ошибок сервера
  • Реализована фильтрация рецептов
  • Карточка рецепта содержит картинку и краткую информацию о себе

Recip

  • Реализована страница отдельного рецепта с подробной информацией о себе

Modal (Sign in / Sign up)

  • Реализовано модальное окно
  • Форма регистрации / Форма входа
  • Валидация форм
  • Авторизация при помощи Firebase / Redux
  • Обработка ошибок формы

Personal Area

  • Отображение рецептов добавленных в избранное
  • Настройки профиля пользователя
  • Список покупки продуктов
  • Сохранение профиля и списка покупок в localStorage

General

  • Реализован роутинг по страницам приложения, страница 404, обработка приватных роутов

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors