Мы с важной новостью: с 28 февраля 2025 года сервис Хабр Фриланс прекратит свою работу.
Купить услуги можно до 28 февраля 2025, но пополнить баланс уже нельзя. Если на вашем счете остались средства, вы можете потратить их на небольшие услуги — служба поддержки готова поделиться бонусами, на случай, если средств немного не хватает.
Web Developer (MERN)
Проект «Mesto» на React.js
Добавлено
13 мая 2022 в 15:54
Тип: Социальная сеть
Технологии: HTML, CSS, JavaScript, React.js, Node.js, Express.js, MongoDB
Код проекта на Github:
Фронтэнд: https://github.com/fmkrom/react-mesto-api-full/tre...
Бэкенд: https://github.com/fmkrom/react-mesto-api-full/tre...
• Социальная сеть для загрузки изображений со сторонних серверов (Unsplash, ShutterStock и т.д.):
• Фронтенд сделан на React.js
• Адаптивная верстка на CSS3 с применением технологий flex- и grid-контейнеров для корректного отображения на различных устройствах, включая планшеты и мобильные (диапазон от 320px до 1280px)
• На фронтенде применяется функциональный подход, активно используются React-хуки
• Реализованы функции добавления новых карточек с изображениями, лайка карточек и удаления карточек
• Реализован функционал модальных окон
• Основные маршруты защищены авторизацией с использованием контекста пользователя (Context.Provider)
• Есть возможность редактирования данных профиля пользователя с сохранением этих данных на бэкенде
• Бэкенд написан на Node.js с использованием Express.js и Mongo DB
• На бэкенде также реализованы функции регистрации и авторизации пользователя с сохранением jwt в LocalStorage браузера
Технологии: HTML, CSS, JavaScript, React.js, Node.js, Express.js, MongoDB
Код проекта на Github:
Фронтэнд: https://github.com/fmkrom/react-mesto-api-full/tre...
Бэкенд: https://github.com/fmkrom/react-mesto-api-full/tre...
• Социальная сеть для загрузки изображений со сторонних серверов (Unsplash, ShutterStock и т.д.):
• Фронтенд сделан на React.js
• Адаптивная верстка на CSS3 с применением технологий flex- и grid-контейнеров для корректного отображения на различных устройствах, включая планшеты и мобильные (диапазон от 320px до 1280px)
• На фронтенде применяется функциональный подход, активно используются React-хуки
• Реализованы функции добавления новых карточек с изображениями, лайка карточек и удаления карточек
• Реализован функционал модальных окон
• Основные маршруты защищены авторизацией с использованием контекста пользователя (Context.Provider)
• Есть возможность редактирования данных профиля пользователя с сохранением этих данных на бэкенде
• Бэкенд написан на Node.js с использованием Express.js и Mongo DB
• На бэкенде также реализованы функции регистрации и авторизации пользователя с сохранением jwt в LocalStorage браузера
