ALBUM MANAGER

A simple React application for managing albums. It allows you to fetch and display albums from an API, add new albums, update existing ones, and delete albums. Please note that the add, update, and delete operations are dummy requests for demonstration purposes.

Folder structures

The project's folder structure is as follows:

📦albumcollections
 ┣ 📂public
 ┃ ┣ 📜favicon.ico
 ┃ ┗ 📜index.html
 ┣ 📂src
 ┃ ┣ 📂components
 ┃ ┃ ┣ 📂Album
 ┃ ┃ ┃ ┗ 📜Album.js
 ┃ ┃ ┣ 📂AlbumItem
 ┃ ┃ ┃ ┣ 📜AlbumItem.css
 ┃ ┃ ┃ ┗ 📜AlbumItem.js
 ┃ ┃ ┣ 📂Footer
 ┃ ┃ ┃ ┗ 📜Footer.js
 ┃ ┃ ┣ 📂Navbar
 ┃ ┃ ┃ ┗ 📜Navbar.js
 ┃ ┃ ┣ 📜App.css
 ┃ ┃ ┗ 📜App.js
 ┃ ┣ 📜index.css
 ┃ ┗ 📜index.js
 ┣ 📜.gitignore
 ┣ 📜README.md
 ┣ 📜package-lock.json
 ┗ 📜package.json

Features

• Fetch and display albums from the JSONPlaceholder API.
• Add a new album (dummy request for demonstration purposes).
• Update an existing album (dummy request for demonstration purposes).
• Delete an album (dummy request for demonstration purposes).

How to Start the Project

Follow these steps to run the Album Manager on your local machine:

1. Clone the Repository: Clone this repository to your local machine using the following command:

   git clone https://github.com/kabhinav577/Album-Manager.git

2. Navigate to the Project Directory:

   cd Album-Manager
   
   

3. Install Dependencies:

   npm install
   
   

4. Start the Development Server:

   npm start
   

5. Access the App:

   Open your web browser and navigate to http://localhost:3000 to access the Album Manager app.
   

Acknowledgements

• ReactJS
• Bootstrap

Authors

• @krishna Kant singh