https://github.com/parmodkumar28/react-albums
This is a simple react app to manage albums
https://github.com/parmodkumar28/react-albums
albums css html javascript react reacttoastify uuidv4
Last synced: 22 days ago
JSON representation
This is a simple react app to manage albums
- Host: GitHub
- URL: https://github.com/parmodkumar28/react-albums
- Owner: ParmodKumar28
- Created: 2024-01-22T15:58:54.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-24T14:38:58.000Z (over 2 years ago)
- Last Synced: 2024-04-14T07:22:14.267Z (about 2 years ago)
- Topics: albums, css, html, javascript, react, reacttoastify, uuidv4
- Language: JavaScript
- Homepage: https://react-albums.onrender.com
- Size: 396 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Albums App 🎵
This is a simple React application that fetches and displays albums from a dummy API. Additionally, it allows users to add, update, and delete albums, even though these operations are dummy calls and won't actually modify the server data.
## Features 🚀
- **Fetch and Show Albums**: The app fetches albums from the JSONPlaceholder API and displays them.
- **Add Album**: Users can add a new album by filling out a form and making a POST request (dummy) to the API.
- **Update Album**: Users can update an existing album by clicking on the update icon. This makes a PUT request (dummy) to the API.
- **Delete Album**: Users can delete an album by clicking on the delete icon. This triggers a DELETE request (dummy) to the API.
## Technologies Used 💻
- React
- Fetch API for making HTTP requests
- uuid library for generating unique IDs
- react-toastify for displaying notifications
## How to Run 🏃♂️
1. **Clone the repository**:
git clone https://github.com/ParmodKumar28/React-Albums
cd react-albums
2. **Install dependencies**:
npm install
3. **Run the app**:
npm start
The app will be accessible at http://localhost:3000.
## Note 📝
The application makes dummy requests to the JSONPlaceholder API, so no actual modifications will be made on the server.
## Live Link:
https://react-albums.onrender.com
## Youtube Video:
https://youtu.be/ZqRKiNfgQLs
## Demo Video:
https://github.com/ParmodKumar28/React-Albums/assets/91540271/441de2f8-168b-4c99-9b61-6119c8a8beba