Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fatihycan/tutorial-app
https://github.com/fatihycan/tutorial-app
api axios bootstrap css3 html5 javascript react react-bootstrap react-icons state-management useeffect-hook usestate-hook
Last synced: about 6 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/fatihycan/tutorial-app
- Owner: FatihYcan
- Created: 2024-08-25T12:07:31.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-08-25T12:49:59.000Z (3 months ago)
- Last Synced: 2024-08-25T13:27:34.161Z (3 months ago)
- Topics: api, axios, bootstrap, css3, html5, javascript, react, react-bootstrap, react-icons, state-management, useeffect-hook, usestate-hook
- Language: JavaScript
- Homepage: https://fy-tutorial-app.netlify.app/
- Size: 188 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tutorial App
This project demonstrates a simple tutorial implementation using React.js. The application is styled with Bootstrap 5 and interacts with data via an API.
## Features
- **Adding Tutorial**: Users can add new tutorials.
- **Tutorial Editing**: Existing tutorials can be edited.
- **Tutorial Deletion**: Tutorials can be deleted.
- **Listing**: Tutorials are listed in a table and edit and delete options are provided for each tutorial.
- **Error Management**: Errors occurring in API calls are printed to the console.
## Technologies
- HTML5
- CSS3
- React
- Axios
- Javascript
- React Icons
- React Bootstrap
- [API](https://tutorial-api.fullstack.clarusway.com/)
# Tutorial App
Bu proje, React.js kullanarak basit bir öğretici uygulamasını göstermektedir. Uygulama, Bootstrap 5 ile stilize edilmiştir ve bir API ile veri etkileşiminde bulunur.
## Özellikler
- **Öğretici Ekleme**: Kullanıcılar yeni öğreticiler ekleyebilirler.
- **Öğretici Düzenleme**: Mevcut öğreticiler düzenlenebilir.
- **Öğretici Silme**: Öğreticiler silinebilir.
- **Listeleme**: Öğreticiler bir tabloda listelenir ve her bir öğretici için düzenleme ve silme seçenekleri sunulur.
- **Hata Yönetimi**: API çağrılarında oluşan hatalar konsola yazdırılır.
## Teknolojiler
- HTML5
- CSS3
- React
- Axios
- Javascript
- React Icons
- React Bootstrap
- [API](https://tutorial-api.fullstack.clarusway.com/)
https://github.com/user-attachments/assets/c611c72d-7160-4136-80ad-551a479ce411
[Live](https://fy-tutorial-app.netlify.app/)