Skip to content

WizzzStark/messaging-app

Repository files navigation

📩 Messaging App

Welcome to my Myssaging App, a web application built to practice building a chat platform with all the database structure as well as account management

messaging

🌟 Features

  • 📁 Chat with other users: Chat with any other user in the web.
  • 👤 User profile: Profile settings including name, photo, connected accounts, active devices, change password, etc...

🛠 Technologies Used

  • 🖥 Frontend: NextJS
  • 🔐 Authentication: Clerk
  • 📊 Database Management: Convex

📦 Installation Guide

Prerequisites

Before you begin, ensure you have the following installed:

  • Node.js
  • npm

Setting Up the Project

  1. Clone the Repository
git clone https://github.com/WizzzStark/messaging-app
cd messaging-app
  1. Install Dependencies
npm install
  1. Environment Configuration

Create a .env.local file at the root of your project and add the necessary environment variables:

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=

CONVEX_DEPLOYMENT=

NEXT_PUBLIC_CONVEX_URL=
  1. Run de Backend
npx convex dev
  1. Run the Development Server
npm run dev

This will start the development server on http://localhost:3000. Navigate to this URL to view the application.