Giter Site home page Giter Site logo

foodgram-project-react's Introduction

Проект "Foodgram"

Workflow

Реализация SPA приложения для ваших рецептов.

Основные возможности:

  • публицакия ваших рецепов;
  • добавление рецептов в избранное;
  • добавление рецептов в корзину с последующей загрузкой списка ингредиетов в отдельный файл;
  • подписка на других авторов;
  • широкие возможности админ-панели.

Проект является учебным. Основная польза в приобретении понимания реализации сложных сериализаторов, деплоя проекта на удаленный сервер, с использованием:

  • регистрации через Djoser;
  • вложенных сериализаторов описанных в Redoc;
  • контейнеров Docker;
  • конфигуратора Nginx.

Технологический стек:


Запуск проекта :shipit: :

Руководство по созданию переменных окружения

Руководство по развёртыванию проекта локально

Руководство по развёртыванию проекта на удаленном сервере

Порядок запросов к API


Доступные ресурсы:

https://foodgramdrew.webhop.me/recipes - Основной ресурс.

https://foodgramdrew.webhop.me/admin/ - Административная панель.

https://foodgramdrew.webhop.me/api/ - API.

https://foodgramdrew.webhop.me/api/docs/ - Документация к API.


Dreamteam:

GitHub | Автор проекта - Yandex Practicum

GitHub | Разработчик - Andrew Fedorchenko

GitHub | Наставник - Nikolay Minyakin

GitHub | Ревьюер - Evgeniy Salahutdinov

foodgram-project-react's People

Contributors

furturnax avatar

Watchers

 avatar

foodgram-project-react's Issues

Фикс стилей отображения переноса текста рецепта.

Теперь при публикации рецепта авторские переносы в тексте отображаются при публикации и не сливаются в один монолитный текст. Добавлены стили в frontend/src/pages/single-card/description/styles.module.css и применены в frontend/src/pages/single-card/description/index.js

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.