GatherTogether
Gather Together is a single-page web application built using react, node, and mongodb that allows users to share memories, modify memories, remove memories, and like memories.
GatherTogether : The memory sharing web application
Table of contents :
- What is GatherTogether?
- Tools requirement to build GatherTogether Application
- How it works?
- Results
- Contact Me
1. What is GatherTogether?
We all use social media apps like Facebook and Instagram, where users can share a post with a description or caption, a hashtag, and photos. Gather Together is similar to small-scale social media applications. This website lets users to share a memory with just one photo, a brief description, and a hashtag. Users can modify and delete memories, as well as like and dislike other posts.
2. Tools requirement to build GatherTogether Application
3. How it works?
1. Home Page:
This is how the web app’s home page appears. AppBar, Typography, Container, Grow, Grid, and more react components are included. ApBar displays the web application’s logo as well as the name of the web application. Below the AppBar is a grid with cards on the left and a form on the right. Each card has one memory, as well as an image, a title, a brief description, and hashtags. The creator, title, message, tags, and one image uploading option are all included in the form.
2. Creating a Memory: To make a new memory, simply fill out the form boxes such as creator name, title, message, tags, and add one image. Once you’ve completed all of the fields, click the submit button to save the memory.
3. Updating a Memory: To update existing memory, go to the upper right corner of the memory card and click the three dots. When you click that, all of the form fields will be automatically filled with data from previous submissions; you can make modifications as needed and then hit the submit button to save the memory.
4. Deleting and liking a Memory: Any memory can be deleted by simply pressing the delete button on the memory card’s bottom right corner. To like the memory, the user can also click the like button in the lower left corner.
4. Result
Demo Video : Click Here!