An open API service indexing awesome lists of open source software.

https://github.com/rahulsm20/trackbyte

A full-stack web application that helps users keep track of their playlist and provides analytics based on their music taste. Built using React, Node.js, Express.js, MySQL and Bootstrap.
https://github.com/rahulsm20/trackbyte

bootstrap data-analysis expressjs mysql nodejs reactjs sql

Last synced: 3 months ago
JSON representation

A full-stack web application that helps users keep track of their playlist and provides analytics based on their music taste. Built using React, Node.js, Express.js, MySQL and Bootstrap.

Awesome Lists containing this project

README

          

# TrackByte 🎶

### Index
- [TrackByte 🎶](#trackbyte-)
- [Index](#index)
- [Tech stack](#tech-stack)
- [System Architecture](#system-architecture)
- [Database Design](#database-design)
- [ER Diagram](#er-diagram)
- [Database Schema](#database-schema)
- [Screenshots](#screenshots)

### Tech stack
* Frontend
* ReactJS
* Backend
* NodeJS
* ExpressJS
* Database
* MySQL
* API testing
* PostmanAPI
* Source & Version control
* Git
* Github

### System Architecture
![image](https://github.com/rahulsm20/trackByte/assets/77540672/4ec4c2be-cd23-4328-ace0-ed08612237cc)

### Database Design
#### ER Diagram
![image](https://github.com/rahulsm20/trackByte/assets/77540672/f1c3d32e-4dd7-47ee-9685-b4aa684183a0)

#### Database Schema
![image](https://github.com/rahulsm20/trackByte/assets/77540672/32489625-8629-4da6-b1f2-934c64cf06ac)

### Screenshots
![home](./images/home.PNG)

![albums](./images/Capture.PNG)

![playlist](./images/playlist.PNG)

![analytics](./images/analytics.PNG)
![analytics2](./images/analytics2.PNG)
![analytics3](./images/analytics3.PNG)