“志愿服务社区”来拯救和热爱Worldðð
#react #node #redis #redishackathon

我提交的概述

每天我出门时,我见证了一些个人和环境环境,他们希望像我这样的年轻人的注意力。鉴于这个独特的机会,我决定开发“ 志愿者社区”平台,个人可以自愿时间使世界变得更好。

pov:由于这是一个免费的开源项目,任何人都可以从任何地方访问并做出贡献,因此围绕这种约束是主要目标。

然而,这个平台强调了志愿者活动,其中一位志愿者组织了将其他志愿者召集在一起。活动的场地和其他细节单独列出。志愿者必须注册并登录系统以创建事件,因为提供准确的信息始终至关重要。但是,该系统具有以下功能:

  • 查看所有已发布的事件
  • 搜索已发布的事件
  • 注册,登录并注销
  • 检索志愿者发布并起草的活动
  • 创建新事件(作为发布或保存为草稿)
  • 删除事件

显示系统最终实施的示例。

主页

HomePage

所有事件页面

AllEventsPage

登录页

LogInPage

注册页面

!SignUpPage

个人资料页

ProfilePage

创建新事件页

CreateNewEventPage

更新和删除事件页

UpdateEventPage

提交类别:

平均/Mern Mavericks

我项目的视频解释器

使用的语言:

js/ts/node.js

链接到代码

GitHub logo Dulyaaa / Volunteer-Up-Community

Dev X Redis Hackthon

"Volunteer Up Community" To Protect The World ??

This platform highlights the volunteer events one of the volunteers has organized to bring together other volunteers. The venue and other specifics of the event are listed individually. The volunteer must register and log into the system to create the event because it is always essential to provide accurate information. Nevertheless, the system has the following capabilities:

  • View All Published Events
  • Search Published Events
  • Register, Log In & Log Out
  • Retrieve Published & Drafted Events By Volunteer
  • Create New Events (As either Publish or Save as Draft)
  • Delete Events

Showcases of final implementation of the system.

Home Page

HomePage

所有事件页面

登录页

注册页面

配置文件页

创建新事件页

更新和删除事件页

MERN架构

MERN Architecture

高级体系结构

High Level Architecture

概述视频

这是一个简短的视频,解释了该项目及其使用方式:

Watch the video on YouTube

它的工作原理

其他资源 /信息

技术堆栈:

  • 前端 - react.js + boostrap
  • 后端-Node.js + Express.js + redis -om
  • 数据库 - redis云
  • 部署-Heroku

这个怎么运作:

MERN Architecture

High Level Architecture

代码片段:

存储数据

        // 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


我希望,这项项目工作有帮助,并为志愿者带来了志愿服务的机会;爱和拯救地球。

Dulyaaa制成的