Overview of My Submission
Every day when I go outside, I witness several individuals and environmental circumstances that want the attention of young people like myself. In light of this unique opportunity, I decided to develop the "Volunteer Up Community" platform, where individuals can volunteer their time to make the world a better place.
POV: Since this is a free open source project that anybody may access from anywhere and contribute to, getting around such constraint is the major objective.
However, 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
All Events Page
Log In Page
Sign Up Page
Profile Page
Create New Event Page
Update & Delete Event Page
Submission Category:
MEAN/MERN Mavericks
Video Explainer of My Project
Language Used:
JS/TS/Node.js
Link to Code
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
All Events Page
Log In Page
Sign Up Page
Profile Page
Create New Event Page
Update & Delete Event Page
Mern Architecture
High Level Architecture
Overview video
Here's a short video that explains the project and how it uses Redis:
How it works
β¦Additional Resources / Info
Tech Stack:
- Frontend - React.js + Boostrap
- Backend - Node.js + Express.js + Redis-OM
- Database - Redis Cloud
- Deployment - Heroku
How it works:
Code Snippets:
Store Data
// Create user account
const createUser = await redisClient.execute([
'HSET',
`user:${email}`,
'id',
`${userId}`,
'firstName',
`${firstName}`,
'lastName',
`${lastName}`,
'email',
`${email}`,
'password',
`${hashedPassword}`,
'displayName',
`${displayName}`,
]);
Access Data
const { email, password } = req.body;
// Get the user details from Redis
const user = await redisClient.hgetall(`user:${email}`);
References:
Collaborators
My Self (Dulyaaa)
I hope, this project work is helpful and bring the volunteering opportunities for the volunteers; to love & save the Earth.
Made with π by Dulyaaa
- Check out Redis OM, client libraries for working with Redis as a multi-model database.
- Use RedisInsight to visualize your data in Redis.
- Sign up for a free Redis database.
Top comments (0)