Git Product home page Git Product logo

gesh-live's Introduction

Шерегеш LIVE

Шерегеш LIVE - Сайт, разрабатываемый с весны 2021г. в ходе изучения библиотеки для создания Web-приложений - React. Для покрытия всех задач возникавших в процессе разработки - был выбран стек "M.E.R.N.". Выбор данного набора технологий был обоснован доступностью обучающих материалов. Скриншоты можно посмотреть по ссылке: https://gostev.site/portfolio/SheregeshLive

В ходе разработки сайта были реализованы следующие задачи:

  • Основные возможности библиотеки React в том числе отображение разработанных компонентов без перезагрузки страницы сайта в браузере;
  • Отправка и обработка HTTP-запросов между клиентской и серверной частями сайта;
  • Взаимодествие с документоориентированной системой управления базами данных - MongoDB;
  • Регистрация пользователей и шифрование паролей для хранения их в базе данных в шифрованном виде;
  • Авторизация пользователей и поддержка активной сессии по JWT-токену;
  • Подбор апартаментов в отелях по заданным параметрам;
  • Отправка запроса на бронирование апартаментов пользователем;
  • Отправка эл.писем пользователю об регистрации запроса на бронирование апартаментов, а также об изменении статуса бронирования;
  • Отправка эл.письма менеджеру отеля с уникальной ссылкой на страницу подтверждения/отклонения запроса на бронирование апартаментов;
  • Отображение статуса активных запросов на бронирование апартаментов в личном кабинете пользователя;
  • Отображение истории бронирования апартаментов в личном кабинете пользователя;
  • Форма обратной связи;
  • Загрузка изображений на сервер, получение прямых URL для отображения на сайте;
  • Отображение карточки отеля со всеми данными;
  • Отображение текущей погоды в п.Шерегеш путём запроса к API OpenWeather.

Проект разработан при помощи набора технологий "M.E.R.N", в состав которого входит:

  • MongoDB - документоориентированная система управления базами данных, не требующая описания схемы таблиц.
  • Express - веб-фреймворк для приложений Node.js, предоставляющий обширный набор функций для мобильных и веб-приложений.
  • React - JavaScript-библиотека с открытым исходным кодом для разработки пользовательских интерфейсов.
  • Node.js - Программная платформа, основанная на движке V8, превращающая JavaScript из узкоспециализированного языка в язык общего назначения.

Дополнительные технологии использовнные для разработки проекта:

  • Bootstrap - Свободный набор инструментов для создания сайтов и веб-приложений. Включает в себя HTML- и CSS-шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейса, включая JavaScript-расширения.
  • Axios - HTTP-клиент для Node.js, для выполнения HTTP-запросов на стороне сервера и XMLHttpRequests-запрос на стороне клиента (браузера).
  • Redux - Библиотека для JavaScript с открытым исходным кодом, предназначенная для управления состоянием приложения.
  • jsonwebtoken - Библиотека для создания и управления токенами доступа по открытому стандарту RFC 7519.
  • bcrypt.js - Библиотека для хэширования и шифрования данных.
  • Nodemailer - Библиотека отправки электронных писем.
  • Jodit - WYSIWYG-редактор с открытым исходным кодом.
  • React-Toastify - Библиотека для вывода всплывающих уведомлений.

Язык разработки:

JavaScript

gesh-live's People

Contributors

deniska69 avatar

Watchers

 avatar

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.