EmberChat

EmberChat is a minimal, zero-complexity chat application built with SvelteKit, Firebase, Tailwind CSS, and DaisyUI. It features authentication, real-time global chat, and user profile management.

Features

  • 🔥 Real-time global chat using Firebase Firestore
  • 🔐 User authentication (sign up, login, email verification)
  • 👤 User profile management (display name, email)
  • 🎨 Responsive UI with Tailwind CSS and DaisyUI
  • ⚡ Fast, modern SvelteKit app structure

Getting Started

Prerequisites

Installation

  1. Clone the repository:

    git clone https://github.com/Oded2/emberchat.git
    cd emberchat
    
  2. Install dependencies:

    npm install
    
  3. Set up Firebase:

    • Create a new Firebase project in the Firebase Console.

    • Enable Firestore and Authentication (Email/Password) in the Firebase Console.

    • Create a .env file in the root of the project and add your Firebase config:

      VITE_FIREBASE_API_KEY=your_api_key
      VITE_FIREBASE_AUTH_DOMAIN=your_auth_domain
      VITE_FIREBASE_PROJECT_ID=your_project_id
      VITE_FIREBASE_STORAGE_BUCKET=your_storage_bucket
      VITE_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
      VITE_FIREBASE_APP_ID=your_app_id
      
  4. Run the development server:

    npm run dev
    

    Open your browser and go to http://localhost:5173 (or the URL shown in the terminal).

Usage

  • Sign up / Log in: Use the authentication form to sign up or log in.
  • Global chat: Access the global chat from the navigation menu.
  • User profile: Manage your profile and view other users' profiles.

License

This project is licensed under the MIT License - see the LICENSE file for details.


Made by Oded

Top categories

Loading Svelte Themes