https://github.com/nikhilgholap1304/chatopia

A Chat App which would be created using vite-react, tailwindCSS, material tailwind, Firebase, socket.io, etc
https://github.com/nikhilgholap1304/chatopia

firebase material-tailwind reactjs socket-io tailwindcss vitejs

Last synced: 1 day ago
JSON representation

A Chat App which would be created using vite-react, tailwindCSS, material tailwind, Firebase, socket.io, etc

• Host: GitHub
• URL: https://github.com/nikhilgholap1304/chatopia
• Owner: Nikhilgholap1304
• Created: 2024-05-27T09:13:08.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-05-28T18:04:26.000Z (6 months ago)
• Last Synced: 2024-05-29T02:24:39.042Z (6 months ago)
• Topics: firebase, material-tailwind, reactjs, socket-io, tailwindcss, vitejs
• Language: JavaScript
• Homepage: https://chatopiaz.vercel.app
• Size: 938 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  Chatopia - v1.0







  

  

  Give a visit to below link, you will get the idea about the project through a short video.

  https://github.com/Nikhilgholap1304/Chatopia/assets/118434064/13e35b58-6beb-4524-ae7c-f1cfc2ebb649







[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)  

[![forthebadge](https://forthebadge.com/images/badges/made-with-javascript.svg)](https://forthebadge.com)  

[![forthebadge](https://forthebadge.com/images/badges/open-source.svg)](https://forthebadge.com)  

![GitHub Repo stars](https://img.shields.io/github/stars/Nikhilgholap1304/Chatopia?color=red&logo=github&style=for-the-badge)  

![GitHub forks](https://img.shields.io/github/forks/Nikhilgholap1304/Chatopia?color=red&logo=github&style=for-the-badge)



    ☢

    Report Bug    

    ✨

    Request Feature



## TL;DR

You can fork this repo to modify and make changes of your own. Please give me proper credit by linking back to [NikhilGholap1304](https://github.com/Nikhilgholap1304/Chatopia). Thanks!

## Built With

Chatopia is a real-time chat application designed for seamless and instant communication. Built using modern web technologies like React and Vite, Chatopia leverages Firebase for its backend services, including real-time database, authentication, and cloud storage. The app supports text messaging, multimedia sharing (photos, videos, and documents), and ensures a user-friendly experience with features such as message timestamps, read receipts, and blocking functionality.

This project was built using these technologies.

- React.js

- Vite.js

- Firebase

- Zustand state management

- Material Tailwind

- TailwindCss

- MUI

- Framer-Motion

- SCSS

- VsCode

- Vercel

- Context Api

## Features

**🌘 Stuffed with Modern UI uniquely based on Telegrams Theme**

**🎫 Implementation of Google and github Auth**

**😀 Emoji Picker**

**📥 State management**

**🧾 Applied Firestore and storage of firebase**

**🎞 Able to share photo/video/doc/zip and many type of files**

**📌 Viable Timestamps**

**🎨 Styled with TailwindCSS**

**🎗 Upto the Mark UI and UX**

**🥽 Smooth Effects**

**📱 Fully Responsive**

## Getting Started

Clone down this repository. You will need `node.js` and `git` installed globally on your machine.

## 🛠 Installation and Setup Instructions

1. Installation: `npm install`

2. In the project directory, you can run: `npm run dev`

Runs the app in the development mode.\

Open [http://localhost:5173](http://localhost:5173) to view it in the browser.

The page will reload if you make edits.

## Usage Instructions

Open the project folder and Navigate to `/src/components/`. 


You will find all the components used and you can edit your information accordingly.

### Show your support

Give a ⭐ if you like this website!

## 📄 License

This project is licensed under the [License](LICENSE.txt). Feel free to use, modify, and distribute the code for both personal and commercial projects.