https://github.com/manishraj27/samaa-frontend

It is a music streaming app developed in MERN Stack.
https://github.com/manishraj27/samaa-frontend

communityexchange learn

Last synced: 10 days ago
JSON representation

It is a music streaming app developed in MERN Stack.

• Host: GitHub
• URL: https://github.com/manishraj27/samaa-frontend
• Owner: manishraj27
• License: mit
• Created: 2024-03-18T19:16:04.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-05-10T14:37:27.000Z (6 months ago)
• Last Synced: 2024-05-11T14:51:11.151Z (6 months ago)
• Topics: communityexchange, learn
• Language: JavaScript
• Homepage: https://samaa-frontend.vercel.app
• Size: 4.24 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Samaa Music Streaming App - Frontend

Welcome to Samaa, a music streaming web application built using the MERN (MongoDB, Express.js, React.js, Node.js) stack.

![Screenshot (562)](https://github.com/manishraj27/samaa-frontend/assets/77354587/fa7f45e7-5e84-4444-9375-4a6647f06d72)

## Backend

The backend of this project can be found here - [Samaa-Backend](https://github.com/manishraj27/samaa-backend)

## Features

- **User Authentication**: Allow users to sign up, log in, and log out securely.

- **Browse Songs**: Explore a wide range of songs available on the platform.

- **Create Playlists**: Users can create and manage their playlists.

- **Like Songs**: Users can like their favorite songs and access them easily.

- **Search Functionality**: Search for specific songs or artists.

- **Fetching Songs from Saavn**: We sourcing our trending and feed pages songs from this [https://saavn.dev/](https://saavn.dev/)

## Technologies Used

- **React.js**: Frontend JavaScript library for building user interfaces.

- **Axios**: HTTP client for making API requests.

- **React Router**: Routing library for navigating between pages.

- **Vercel**: Hosting platform for deploying frontend applications.

## Getting Started

To get started with Samaa, follow these steps:

1. Clone the repository: `git clone https://github.com/manishraj27/samaa-frontend`

2. Install dependencies: `cd samaa-frontend && npm install`

3. Set up environment variables: Create a `.env` file and add required variables.

4. Start the development server: `npm start`

5. Open your browser and navigate to `http://localhost:3000` to view the application.

## Prototype (Figma) 

The prototype made in figma. Visit to check the prototype. [Click On the Link](https://www.figma.com/community/file/1334999908821817060/samaa-music-streaming-website)

## Deployment

The frontend of Samaa is deployed on Vercel. Visit Samaa Music Streaming App to access the live version of the application. [https://samavibes.vercel.app](https://samavibes.vercel.app)

## Website 

![Screenshot (563)](https://github.com/manishraj27/samaa-frontend/assets/77354587/62278b85-455e-445f-bc91-40bba86320e1)

![Screenshot (567)](https://github.com/manishraj27/samaa-frontend/assets/77354587/1c396c42-9844-4414-baca-fd2283b45b72)

![Screenshot (568)](https://github.com/manishraj27/samaa-frontend/assets/77354587/bc322ebc-a22d-41c8-b282-1b252f715eea)

## Contributing

We welcome contributions from the community to enhance and improve the Samaa Music Streaming App frontend. If you have any suggestions, feedback, or would like to report an issue, please open an issue or submit a pull request on GitHub.

## License

This project is licensed under the MIT License - see the [LICENSE](https://github.com/manishraj27/samaa-frontend/blob/main/LICENSE) file for details.