Glee-ShareLaughter

Inspiration

We were inspired by the idea of creating a social media app that focuses on spreading positivity and laughter. We wanted to make an app that allows users to create, share, and enjoy memes with their friends and followers. We also wanted to make an app that is easy and fun to use, and that showcases the creativity and humor of the meme community.

What it does

Glee is a social media app for memes and laughter. Users can browse through thousands of hilarious memes, or make their own using the app's easy and fun tools. Users can also react, comment, and vote on the memes they like or dislike. Glee is the ultimate destination for meme lovers who want to have a good laugh and express their creativity.

How we built it

We built Glee using React, Node.js, and MongoDB. We used React to create the user interface of the app, such as the layout, navigation, forms, components, and styling. We also used Material-UI to make the app look more professional and responsive. We used Node.js and Express to create the server-side logic of the app, such as handling requests, authentication, authorization, data validation, and error handling. We used MongoDB to store and retrieve data for the app, such as users, posts, comments, and likes. We used Axios to communicate between the client and the server, and Redux to manage the state of the app.

Challenges we ran into

Some of the challenges we ran into were learning how to use React hooks, customizing the Material-UI components, debugging the app, integrating Firebase with our app, and deploying the app to Firebase.

Accomplishments that we're proud of

Some of the accomplishments we're proud of are implementing features like posting, commenting, liking, and following, making the app compatible with different screen sizes, and a tagline for our app, and receiving positive feedback from our users.

What we learned

We learned a lot from this project, such as how to use React hooks, Material-UI, Axios, Redux, Firebase, and other technologies and libraries. We also learned how to work as a team, how to manage our time and tasks, how to test and debug our code, how to design a user-friendly interface, how to create a catchy logo and tagline, and how to present our project.

What's next for Glee-ShareLaughter

What's next for Glee is to add more features and functionalities to our app, such as:

Adding more categories and filters for memes
Adding more tools and options for meme creation
Adding more reactions and emojis for memes
Adding more social features likes chat rooms, groups, notifications
Adding more gamification features like badges, leaderboards
Adding more security features like encryption
Improving the performance and scalability of our app
Improving the user experience and feedback of our app

Built With

Submitted to

HackRU Fall 2023
- Winner Social Good Track

Created by

As a backend developer for Glee, I was responsible for designing, implementing, and testing the server-side logic of the web application. I used NodeJs and MongoDBCompass to create and maintain the core functionality of Glee, such as authentication, data storage, and API integration. I also collaborated with the frontend developers to ensure a seamless user experience and a consistent data flow between the client and the server.

Samman Bhetwal
I contributed to the social media app project as a front-end developer. I used React to create the user interface of the app, such as the layout, navigation, forms, components, and styling. I also used Material-UI to make the app look more professional and responsive. Some of the challenges I faced were learning how to use React hooks, customizing the Material-UI components, and debugging the app. Some of the achievements I had were implementing the features like posting, commenting, liking, and following and making the app compatible with different screen sizes I learned a lot from this project and enjoyed working with React.

Bijay Adhikari
I worked on the front-end of this project. I mainly worked in the CSS file of the project, which is used for enhancing the user experience while using the website. I learned a lot of stuff while working in this project. It was a bit challenging at first, but with the help from my friends and the internet I was able to figure out the solutions.

Ujjwal Kunwar