Chat Rooms

• 

  Choosing a custom username

• 

  Chat rooms desktop interface

• 

  Chatting in a custom chat room

• 

  Github repostory of Chat-rooms

⚡ Inspiration

I wanted a lightweight chatting platform which I could use anytime and anywhere without getting concerned about privacy.

🌐 What it does

It is a platform where one can choose any username they want, join their specific chat-room with room code and chat with anyone. It also has a feature to share emoji.

🧩 How we built it

The platform is a web application. The back-end is written using node.js runtime. It uses ExpressJS framework and Socket.io for running the socket server. The front-end is created using ReactJS along with TailwindCSS. Git hub was used to host the source code.

🌪️ Challenges we ran into

The biggest challenge was to dig deep into the documentation of Socket.io and ReactJS. As, I don't have much experience in UI/UX, I faced few challenges while making the front-end design. There were multiple errors about CORS which needed to be resolved while developing the platform. I had no prior experience of creating demo video for a project in hackathon. It took me some time to create the video.

🏆 Accomplishments that we're proud of

At the end, completing the project on time was a big achievement. Making the project work properly, even after deploying to the web was also a big achievement.

📖 What we learned

Learnings include,

How socket servers work. How various hooks work in ReactJS How Socket.io works How to create separate chat rooms

🔦 What's next for Anonymous Chat Room

Next would be a feature to share voice message and media files.

Built With

• css
• express.js
• node.js
• react
• socket.io
• tailwindcss