Обзор моего представления

Каждый день, когда я выхожу на улицу, я вижу нескольких людей и обстоятельства окружающей среды, которые требуют внимания молодых людей, таких как я. В свете этой уникальной возможности я решил разработать «Волонтерское сообщество«платформа, где люди могут пожертвовать своим временем, чтобы сделать мир лучше.

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

Тем не менее, эта платформа освещает волонтерские мероприятия, организованные одним из волонтеров для объединения других волонтеров. Место проведения и другие особенности мероприятия оговариваются отдельно. Волонтер должен зарегистрироваться и войти в систему, чтобы создать событие, потому что всегда важно предоставлять точную информацию. Тем не менее, система имеет следующие возможности:

  • Просмотреть все опубликованные события
  • Поиск опубликованных событий
  • Регистрация, вход и выход
  • Получение опубликованных и подготовленных волонтерами событий
  • Создать новые события (как опубликовать или сохранить как черновик)
  • Удалить события

Демонстрации финальной реализации системы.

Домашняя страница

Домашняя страница

Страница всех событий

Страница AllEvents

Страница авторизации

Страница авторизации

Страница регистрации

!SignUpPage

Страница профиля

Страница профиля

Создать новую страницу события

CreateNewEventPage

Обновить и удалить страницу события

UpdateEventPage


Категория подачи:

СРЕДНЕЕ/МЕРН Маверикс


Видеообъяснение моего проекта



Используемый язык:

JS/ТС/Node.js


Ссылка на код

На этой платформе освещаются волонтерские мероприятия, организованные одним из волонтеров для объединения других волонтеров. Место проведения и другие особенности мероприятия оговариваются индивидуально. Волонтер должен зарегистрироваться и войти в систему, чтобы создать событие, потому что всегда важно предоставлять точную информацию. Тем не менее, система имеет следующие возможности:

  • Просмотреть все опубликованные события
  • Поиск опубликованных событий
  • Регистрация, вход и выход
  • Получение опубликованных и подготовленных волонтерами событий
  • Создать новые события (как опубликовать или сохранить как черновик)
  • Удалить события

Демонстрации финальной реализации системы.

Домашняя страница

Домашняя страница

Страница всех событий

Страница авторизации

Страница регистрации

Страница профиля

Создать новую страницу события

Обновить и удалить страницу события

Мерн Архитектура

МЕРН Архитектура

Архитектура высокого уровня

Архитектура высокого уровня

Как это работает

Как хранятся данные:

Создание пользователя

  • Прежде чем создавать нового пользователя, проверьте, не…


Дополнительные ресурсы/информация


Технический стек:

  • Фронтенд — React.js + Boostrap
  • Серверная часть — Node.js + Express.js + Redis-OM
  • База данных — Redis Cloud
  • Развертывание — Героку


Как это работает:

МЕРН Архитектура

Архитектура высокого уровня


Фрагменты кода:

Хранить данные

        // Create user account
        const createUser = await redisClient.execute([
            'HSET',
            `user:${email}`,
            'id',
            `${userId}`,
            'firstName',
            `${firstName}`,
            'lastName',
            `${lastName}`,
            'email',
            `${email}`,
            'password',
            `${hashedPassword}`,
            'displayName',
            `${displayName}`,
        ]);
Войти в полноэкранный режим

Выйти из полноэкранного режима

Доступ к данным

        const { email, password } = req.body;

        // Get the user details from Redis
        const user = await redisClient.hgetall(`user:${email}`);
Войти в полноэкранный режим

Выйти из полноэкранного режима


Использованная литература:


Соавторы

Мое Я (Дуляаа)


Я надеюсь, что эта проектная работа будет полезной и предоставит волонтерам возможности для волонтерской деятельности; любить и спасать Землю.

Сделано с 💚 от Dulyaaa