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

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:

• Redis Official Documentation for Stack Node - Get Started

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.