DEV Community

Cover image for "Volunteer Up Community" To Save and Love The WorldπŸŒπŸ™Œ
Dulya Perera
Dulya Perera

Posted on

"Volunteer Up Community" To Save and Love The WorldπŸŒπŸ™Œ

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

HomePage

All Events Page

AllEventsPage

Log In Page

LogInPage

Sign Up Page

!SignUpPage

Profile Page

ProfilePage

Create New Event Page

CreateNewEventPage

Update & Delete Event Page

UpdateEventPage

Submission Category:

MEAN/MERN Mavericks

Video Explainer of My Project

Language Used:

JS/TS/Node.js

Link to Code

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

All Events Page

Log In Page

Sign Up Page

Profile Page

Create New Event Page

Update & Delete Event Page

Mern Architecture

MERN Architecture

High Level Architecture

High Level Architecture

Overview video

Here's a short video that explains the project and how it uses Redis:

Watch the video on YouTube

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:

MERN Architecture

High Level Architecture

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}`,
        ]);
Enter fullscreen mode Exit fullscreen mode

Access Data

        const { email, password } = req.body;

        // Get the user details from Redis
        const user = await redisClient.hgetall(`user:${email}`);
Enter fullscreen mode Exit fullscreen mode

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


Top comments (0)