An open API service indexing awesome lists of open source software.

https://github.com/mehmet-github06/react-tutorial-app

In this project created with React, I have implemented data insertion, data update, and data deletion operations on the API used
https://github.com/mehmet-github06/react-tutorial-app

axios bootstrap5 env html-css-javascript modal react useeffect

Last synced: 8 months ago
JSON representation

In this project created with React, I have implemented data insertion, data update, and data deletion operations on the API used

Awesome Lists containing this project

README

          

# Tutorial App





Logo

Tutorial App



πŸ‘©β€βš•οΈ LIVE πŸ‘¨β€βš•οΈ Β»



## Description

In this project created with React, I have implemented data insertion, data update, and data deletion operations on the API used

## Features

Data is retrieved from the API using the GET operation.
Data is added to the API by performing a POST operation.
Data can be deleted from the API by executing a DELETE operation.
The data in the API can be modified by using the PUT operation.

## Screenshots
modalImg

## Project Skeleton
Tutorial App(folder)
|
|----readme.md
SOLUTION
β”œβ”€β”€ public
β”‚ └── index.html
β”œβ”€β”€ src
β”‚ β”œβ”€β”€ assets
β”‚ β”‚ └── [images]
β”‚ β”œβ”€β”€ components
β”‚ β”‚ β”œβ”€β”€ AddTutorial.jsx
β”‚ β”‚ β”œβ”€β”€ EditTutorial.jsx
β”‚ β”‚ └── TutorialList.jsx
β”‚ β”œβ”€β”€ pages
β”‚ β”‚ └── Home.jsx
β”‚ β”œβ”€β”€ App.js
β”‚ └── index.js
β”œβ”€β”€ package.json
└── yarn.lock

### Prerequisites

What things you need to install the software and how to install them:

- Node.js
- npm or yarn

### Installing

A step by step series of examples that tell you how to get a development environment running:

1. Clone the repo
```sh
git clone [your-repo-link]
```
2. Install NPM packages
```sh
yarn install
```
3. To run the project locally:
```sh
yarn start
```

### (This command will start the development server)

## Responsive Looks

modalImg
modalImg

## Contact

Mehmet Doğan: mehmetseymen91@gmail.com

Project Link: https://react-appointment-doctor-app.netlify.app/


[To see my other projects πŸ—‚](https://github.com/Mehmet-github06)


⏫ Go Top ⏫