Twilight

Welcome to Twilight - a digital oasis where music and magic intertwine. Powered by the MERN stack, this sleek platform offers a personalized auditory journey. It’s more than just music; it’s a cosmic concert of cool, where technology and melody perform a nightly serenade just for you.

---

🚀 Features

• 🎵 Curate Playlists - Create personalized playlists based on music preferences.
• 🔍 Powerful Search - Find tracks, albums, or artists instantly.
• 🎭 Immersive UI - Explore a visually engaging music player.
• 📌 User Profiles - View favorite songs and get music recommendations.
• 🎨 Genre & Artist Exploration - Discover new music genres and artists interactively.

---

🏗️ Built With

Technology	Description
Node.js	JavaScript runtime for backend development
Express.js	Web framework for Node.js
MongoDB Atlas	Cloud-based NoSQL database
Mongoose	MongoDB object modeling for Node.js
React.js	Frontend JavaScript library

---

🛠️ Prerequisites

Before running the project, ensure you have the following installed:

1. Node.js - JavaScript runtime for server-side execution.
2. MongoDB Atlas - Cloud database to store user and music data.
3. Firebase - Used for storing images and audio files.

---

💻 Getting Started

1️⃣ Clone the Repository

git clone https://github.com/AMS003010/Twilight.git
cd Twilight
npm install

2️⃣ Set Up Environment Variables

Create a .env file in the backend directory and add the following:

PORT='<your_port>'
MONGO_URI='<your_mongodb_uri>'
SECRET='<your_secret_key>'

3️⃣ Configure Firebase

Add your Firebase configuration details in frontend/src/firebase.js:

import { initializeApp } from "firebase/app";
import { getStorage } from "firebase/storage";

const firebaseConfig = {
    <your_firebase_config_details>
};

const app = initializeApp(firebaseConfig);
export const storage = getStorage(app);

4️⃣ Run the Backend Server

cd backend
npm start

5️⃣ Run the Frontend Server

Open another terminal:

cd frontend
npm start

6️⃣ Access the App

Go to localhost:3000 in your browser.

7️⃣ Upload Music & Playlists

Use the following components to upload songs and playlists to Firebase Storage:

• SongUploader.js
• PlaylistUploader.js

---

📸 Project Images

Feature	Screenshot
Home Page
Intro Page
Login Page
Signup Page
Listening Space
Music Control
Genres
Artists
Search Page
User Dashboard

---

👨‍💻 Maintainers

This project is maintained by @AMS003010.

---

🤝 Contributing

We welcome contributions to Twilight! To contribute:

1. Fork the repository.
2. Create a new branch (feature-branch).
3. Commit your changes.
4. Push to your branch and open a pull request.

---

📝 License

This project is licensed under the MIT License.

---

📩 Contact For any queries or issues, feel free to reach out via GitHub Issues.

Happy Coding! 🚀