This project is a social networking website where users can share the music they are currently listening to by uploading Spotify links. It utilizes the MERN (MongoDB, Express.js, React.js, Node.js) stack along with the Spotify API and SendGrid API for integration. The application is deployed using Render and Netlify.
- Users can sign up and log in to their accounts.
- Users can upload Spotify links to share the music they are listening to.
- Other users can view and listen to shared music links.
- Users receive notifications through SendGrid API for various activities such as likes, comments, etc.
- MongoDB: Database for storing user information and music links.
- Express.js: Backend framework for handling server-side logic and API requests.
- React.js: Frontend library for building user interfaces.
- Node.js: JavaScript runtime environment for running server-side code.
- Spotify API: Integration for retrieving and sharing music links.
- SendGrid API: Integration for sending email notifications.
- Render: Cloud platform for hosting and managing backend services.
- Netlify: Platform for deploying and hosting frontend application.
- Clone the repository:
git clone https://github.com/your/repository.git
- Navigate to the project directory:
cd social-music-network
- Install dependencies:
- Backend:
cd backend && npm install
- Frontend:
cd frontend && npm install
- Backend:
- Set up environment variables:
- Create a
.env
file in thebackend
directory and add necessary environment variables such as MongoDB URI, Spotify API credentials, and SendGrid API key.
- Create a
- Start the backend server:
npm start
(inside thebackend
directory) - Start the frontend development server:
npm start
(inside thefrontend
directory)
- Backend: Deploy the backend server to Render or any preferred hosting service.
- Frontend: Deploy the frontend application to Netlify or any preferred hosting service.