This is a simple React application that allows you to fetch, add, update, and delete albums. It uses the JSONPlaceholder API for making dummy HTTP requests to manage the album data. Please note that these operations won't actually modify the server data but demonstrate how to perform these actions in a React application.
- Fetch albums from the JSONPlaceholder API.
- Add an album via a POST request to the API (dummy request).
- Update an album via a PUT request to the API (dummy request).
- Delete an album via a DELETE request to the API (dummy request).
Follow these steps to run the React Album App locally:
- Node.js installed on your machine.
-
Clone this repository to your local machine:
git clone https://github.com/your-username/react-album-app.git
-
Navigate to the project directory:
cd react-album-app -
Install the project dependencies using npm or yarn:
npm install # or yarn install
-
Start the development server:
npm start # or yarn start -
The app will be available in your web browser at http://localhost:3000.
- The home page will display a list of albums fetched from the JSONPlaceholder API.
- To add a new album, click the "Add Album" button. This will make a POST request to the API and add a dummy album to the list.
- To update an album, click the "Edit" button on an album card, make changes, and click the "Update" button. This will make a PUT request to the API (dummy request) to update the album.
- To delete an album, click the "Delete" button on an album card. This will make a DELETE request to the API (dummy request) and remove the album from the list.
- This project was created as a sample application for educational purposes.
- Thanks to JSONPlaceholder for providing the dummy API for testing HTTP requests in this app.
Enjoy using the React Album App! If you have any questions or feedback, please don't hesitate to get in touch.