Last Fm

Check The Live Website ➡️ Live Website

Description

Project aims to create a Last Fm App.

Visualization of the Website

Project Skeleton

Stock App (folder)
|
|----readme.md
SOLUTION
├── public
│     ├── index.html
│     └── [other Files]
├── src
│    ├── routers
│    │       └── Router.jsx
│    ├── components
│    │       ├── Cards
│    │       │     └── ArtistCard.jsx
│    │       ├── Navbar.jsx
│    │       ├── TopAlbum.jsx
│    │       └── TopTrack.jsx
│    ├── features
│    │       └── FetchSlice.jsx
│    ├── pages
│    │       ├── Details.jsx
│    │       └── Home.jsx
│    ├── assets
│    │       ├── loading.gif
│    │       └── AnimationProject.gif
│    ├── app
│    │       └──store.jsx
│    ├── stories (not used)
│    ├── App.js
│    └── index.js
│
├── tailwind.config.js
├── .storybook
├── package.json
└── yarn.lock

Used in this project

👉 I mastered ReactJS, React Router, react-dom, Reduxjs/toolkit, redux-persist, axios, Tailwind, Darkmode, infinite scroll features in this project. You can see the visual representation of the website above.