Chatsy

A Messaging application built with nextjs and firebase.

Tech stack

This application uses these following technologies

• Nextjs (Web Framework)
• Tailwind CSS (Styling)
• Framer Motion (Transition and Animation)
• Firebase (Storage and Authentiation)

Get Started

To run this application locally, you need to install firebase locally

npm i firebase-tools -g

then install the firebase emulators mainly storage, firestore and authentication.

Make a .env file and set the environmental variables

NEXT_PUBLIC_NODE_ENV=development
GEMINI_API_KEY=

FIREBASE_EMULATOR_HOST=127.0.0.1:8080
FIREBASE_STORAGE_HOST=127.0.0.1:9199

# firebase admin variables

project_id=
client_email=
private_key=

make a new terminal session and start the application

npm run dev

Screenshots

The following are the screenshots of the application

• Landing Page

• Sign up Page

• Login Page

• Home Page

• Settings page

• Chatbot page

• Settings Page

Future Plans

• Adding Notification service
• Add PWA support
• Add Groups and Blocking Feature

License

This project is licensed under MIT, for more information read the LICENSE file in the directory