Gap-Shap

A place to hangout and to clarify doubts with your friends and colleagues. You can share images with your colleagues as well.

Comment

Inspiration

I wanted to make a website of my own where all my friends and family members could join in and chat about daily tasks, life updates and share images with each other. And also connect with new people.

What it does

Gap-Shap is a web chat application wherein after you login/register, you can search all the users which are present on the platform and can interact with them. You can chat with the users as well as share images with them. You can also invite new members to join the platform by clicking on share button in the website. (top-right)

How we built it

It uses technologies like React JS, Tailwind CSS and Firebase. React JS is used as a JavaScript framework because of its component based functionalities. Tailwind CSS is used for the frontend designing of the website. Firebase is used for user authentication as well as the database storage. Service Worker is used to make the website into a PWA. Some npm packages like npm-share, react-icons and toastify are also used.

Challenges we ran into

Connecting firebase with the frontend. Using firebase for authentication and storing the users' data into databases was a great challenge for me.

Accomplishments that we're proud of

Successfully completing the website and deploying the website live. Learning about firebase is also a great achievement.

What we learned

Learning about firebase and using some npm packages that I was not aware of before.

What's next for Gap-Shap

Some functionalities that can be added in the future are to add the calling and group chat feature.

Built With

Share this project:

Updates