https://github.com/abhithakur7080/react-album

Fetch and show albums from the api - https://jsonplaceholder.typicode.com/albums Add an album, make a POST call (this is a dummy call). Update the album, make a PUT call to the above url. (Again this is a dummy call). Delete an album, make a DELETE call to the above url. (Again this is a dummy call).
https://github.com/abhithakur7080/react-album

css html javascript react-components react-router react-router-dom reactjs

Last synced: 3 days ago
JSON representation

Fetch and show albums from the api - https://jsonplaceholder.typicode.com/albums Add an album, make a POST call (this is a dummy call). Update the album, make a PUT call to the above url. (Again this is a dummy call). Delete an album, make a DELETE call to the above url. (Again this is a dummy call).

• Host: GitHub
• URL: https://github.com/abhithakur7080/react-album
• Owner: Abhithakur7080
• Created: 2023-10-01T11:16:57.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-02T04:09:47.000Z (about 1 year ago)
• Last Synced: 2023-10-02T13:07:08.781Z (about 1 year ago)
• Topics: css, html, javascript, react-components, react-router, react-router-dom, reactjs
• Language: JavaScript
• Homepage: https://abhithakur7080-react-album.netlify.app/
• Size: 1.54 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Introduction of project

This is the 2nd React Skill test project assigned by Coding Ninjas.

Project Name: React Album

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\

You may also see any lint errors in the console.

### `Hosted On`

open [https://abhithakur7080-react-album.netlify.app/](https://abhithakur7080-react-album.netlify.app/) to view it in your browser

## Features

All the featuere works on temporary which is ADD, DELETE and UPDATE (except fetch).

#### `fetch data`

fetching data and showing albums on your browser using the API -> [https://jsonplaceholder.typicode.com/albums](https://jsonplaceholder.typicode.com/albums).

#### `Add an album`

Add an album, make 'POST' call to the API url(from where we are fetching) and save the album to react state(It is a dummy request data, we won't be able to add on the server data. But request is valid and will send some data.)

#### `Delete an album`

Delete an album, make 'DELETE' call to the API url.

#### `Update an album`

Update an album, make 'PUT' call to the API url.