stellar-conferencing Tailwind Templates

Stellar Conferencing

Stellar - A high-performance video conferencing app built with LiveKit, React (Vite), and NestJS, featuring real-time communication, animations with Framer Motion, and a modern UI powered by Tailwind CSS.

#call #chromatic #livekit #rxjs #storybook #turborepo #video-conferencing
Demo Download

Stellar - Video Conferencing Application

Stellar is a high-performance video conferencing application built on Livekit. It leverages modern web technologies to provide a smooth real-time communication experience.

Tech Stack

Frontend

  • React (Vite)
  • Tailwind CSS
  • RxJS
  • Livekit
  • Storybook
  • Framer Motion
  • IndexedDB

Backend

  • NestJS
  • Livekit
  • Swagger
  • SQLite
  • Prisma

Live Demo

Repository

🚀 Getting Started

Prerequisites

Ensure you have the following installed:

  • Node.js (LTS recommended)
  • npm (preferred package manager)
  • LiveKit local server Refer to docs

Local Setup

Clone the repository:

git clone https://github.com/ore-codes/stellar-conferencing.git
cd stellar-conferencing

Install dependencies:

npm install

Configure Environment Variables

Backend (apps/server/.env)

JWT_SECRET=<jwt-secret>
FRONTEND_URL=http://localhost:5173
LIVEKIT_API_KEY=devkey
LIVEKIT_SECRET=secret

Frontend (apps/web/.env)

VITE_SERVER_URL=<backend-url>
VITE_LIVEKIT_URL=<your-livekit-ws-url>

Start the Development Servers

Run both frontend and backend in parallel:

npm run dev

The frontend should now be running at http://localhost:5173/ and the backend will be running at http://localhost:3000/.

🛠 Testing with Storybook/Chromatic

Running Storybook Locally

npm run storybook

Storybook will start on http://localhost:6006/.

Deploying to Chromatic

Ensure you have a Chromatic account set up.

  1. Install Chromatic CLI if not already installed:
    npm add chromatic --dev
  2. Run Chromatic deployment:
    npm run chromatic --project-token=<your-chromatic-project-token>

This will upload your Storybook to Chromatic for visual testing.

📜 License

This project is licensed under the MIT License.

🤝 Contributing

Pull requests are welcome! Please follow best practices and ensure any changes do not break existing functionality.

📧 Contact

For inquiries or support, reach out to @ore-codes on GitHub.

Enjoy building with Stellar! 🚀

Top categories

tailwind daisyui resume portfolio email blog dashboard landing-page admin ecommerce
Loading Svelte Themes