music-records

This is a full-stack project created using React, Node.js, Express, MongoDB and Material UI with some custom CSS.

Features

Users can view music album information from various artists without loging in.
Artists can sign up and add their album information for others to view.
In the homepage users can sort and filter albums based on genre and year of release and 6 albums are displayed per page.
The website is responsive and is useable in all screen sizes.
MongoDB is used to maintain one database with two collections, one for user details and another for album details.

Homepage

Artist Profile

New Album Modal

Album Information Page

Setup

Clone the repository.
Make sure you have installed node.js on your system.
Use terminal and navigate to client and server folders of the app and run npm install in both folders.
In one terminal navigate to the server folder and run node app.js and wait till terminal outputs the message: connected to database.
Open another terminal and navigate to the client folder and run npm start and wait for the browser to load the application.
Explore the app.