A website that lists albums with a backend that gets its data source from JSONPlaceholder and also lists images of the albums, with fake data where you can see the details.
| Frontend | Backend | Page Speed ( FCP, LCP, TBT, TTI and CLS scores.) |
|---|---|---|
 |
 |
 |
 |
NOTE: If you want to see the live site, the backend of the site is hosted on Render.com (Free Pricing), since the plan is free, the system shuts itself down in case of request delays, so you may have to wait 20 to 90 seconds.
Firstly clone Repo, when you reach the repo two files will be waiting for you, you can run them in 2 separate terminals
| Install dependencies first | To stand up servers | To see instant updates on the server side (for backend) |
|---|---|---|
npm install |
npm run start |
npm run watch |
| Technologies Used |
|---|
| React.js |
| JavaScript |
| TypeScript |
| Express.js |
| TailwindCSS |
| CSS |