"Volunteer Up Community" To Save and Love The World🌏🙌
Tags: redishackathon, react, node, redis
Published: 2022-08-28 09:54:33

[Instructions]: # (To submit to the Redis Hackathon on DEV, please fill out all sections. DELETE ALL NOTES, reminders, and guidelines before publishing.)


### 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vuqbu0d6i571fynd0h3q.png)

**_All Events Page_**
>![AllEventsPage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b2ed2hbuimbfu0uvl0km.png)

**_Log In Page_**
>![LogInPage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7sfj5saq95u0zk9hz6yz.png)

**_Sign Up Page_**
>![!SignUpPage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ek10rfedb1dwrlysemef.png)

**_Profile Page_**
>![ProfilePage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w6ehuvxqc1a3b95x4s39.png)

**_Create New Event Page_**
>![CreateNewEventPage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4tzyt54bb8odnkc700q8.png) 

**_Update & Delete Event Page_**
>![UpdateEventPage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3tylih9973e7if8iu4sc.png)
 
### Submission Category: 
MEAN/MERN Mavericks

### Video Explainer of My Project
{% youtube U0lHaCXKK-g %}

### Language Used:
JS/TS/Node.js

### Link to Code
{% embed https://github.com/Dulyaaa/Volunteer-Up-Community %}

[Note]: # (BTW, your Github code’s README file should contain the details as [per this template](https://github.com/redis-developer/hackathon-docs/blob/main/README.md).)

### 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vhunlb7zvx1jx03ko490.png)

![High Level Architecture](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/536ngf4aizx0iepj7l19.png) 

#### Code Snippets:
**_Store Data_**
```js
        // 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_**
```js
        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](https://redis.io/docs/stack/get-started/tutorials/stack-node/)

### Collaborators
My Self ([Dulyaaa](https://dev.to/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](https://dev.to/dulyaaa)**

- - - 

* _Check out [Redis OM](https://redis.io/docs/stack/get-started/clients/#high-level-client-libraries), client libraries for working with Redis as a multi-model database._
* _Use [RedisInsight](https://redis.info/redisinsight) to visualize your data in Redis._
* _Sign up for a [free Redis database](https://redis.info/try-free-dev-to)._