Resonate Website

The official landing page for Resonate - an Open Source social voice platform maintained by AOSSIE.

About Resonate

Resonate is a social voice platform, similar to Clubhouse and Twitter Spaces, but completely Open Source. It aims to enhance credibility within the open-source community, attract users, and foster growth through real-time audio communication.

Key Features of the App:

• Real-time Audio Communication.
• Create rooms and moderate speakers/events.
• Pair chatting for random partner matching.
• Real-time messaging (Coming Soon).

💻 Tech Stack

This project is built with Next.js and a modern frontend tooling stack, focusing on performance, scalability, and maintainability.

• Next.js
  React framework providing the App Router, server-side rendering (SSR), static site generation (SSG), routing, and built-in performance optimizations.

• React
  Core UI library used within Next.js for component-based user interface development.

• next/font
  Built-in font optimization used for loading and managing Google fonts efficiently.

• CSS Modules / Global CSS
  Styling approach used for scoped component styles and shared global styles.

• React Icons
  Library for scalable vector icons used across the UI.

🛠️ Installation & Setup

Follow these steps to set up the project locally.

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Steps

1. Clone the repository

   git clone https://github.com/AOSSIE/Resonate-Website.git
   cd Resonate-Website

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

   The app will run at http://localhost:3000.

4. Build for production

   npm run build

   This creates an optimized build in the build folder.

📂 Project Structure

app/
├── assets/          # Images and static assets
├── components/      # Modular React components
│   ├── NavBar/      # Navigation bar
│   ├── Hero/        # Hero section
│   ├── Features/    # Features showcase
│   ├── TechStack/   # Tech stack display
│   ├── About/       # About AOSSIE section
│   ├── DownloadApp/ # App download links
│   └── Footer/      # Footer section
├── page.jsx           # Main application component (Homepage)
├── layout.jsx         # Main Layout
└── globals.css        # Global styles

🤝 Contributing

We welcome contributions! Please see the AOSSIE contribution guidelines for more details.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push the branch to your fork (git push origin feature/AmazingFeature)
5. Open a Pull Request against Resonate-Website:dev

📄 License

This project is part of AOSSIE. Please check the repository for license details.

---

Maintained with ❤️ by AOSSIE