Questo progetto dimostra l'uso di API REST CRUD per la gestione di dati remoti. Abbiamo inizialmente testato le API utilizzando Postman, per poi sviluppare un sito web interattivo che permette agli utenti di eseguire operazioni Create, Read, Update, Delete (CRUD) su un database remoto.
- Postman per testare le API.
- JavaScript (Fetch API) per interagire con il database.
- HTML & CSS (Bootstrap 4.5) per la struttura e lo stile.
- API RESTful
Abbiamo utilizzato il seguente endpoint per gestire i dati:
https://striveschool-api.herokuapp.com/api/agenda
-
GET - Recupera tutti gli elementi del database:
GET https://striveschool-api.herokuapp.com/api/agenda
-
POST - Aggiunge un nuovo elemento (Esempio di payload JSON):
{ "name": "T-Shirt", "description": "Maglietta in cotone", "price": 19.99, "time": "2025-01-23T22:07:59.261Z" }
POST https://striveschool-api.herokuapp.com/api/agenda
-
PUT - Aggiorna un elemento esistente (sostituendo ID con il record corretto):
PUT https://striveschool-api.herokuapp.com/api/agenda/{id}
Body JSON:
{ "name": "T-Shirt Modificata", "description": "Maglietta in cotone premium", "price": 24.99, "time": "2025-02-10T18:30:00.000Z" }
-
DELETE - Cancella un elemento esistente:
DELETE https://striveschool-api.herokuapp.com/api/agenda/{id}
- Visualizzazione degli elementi presenti nel database.
- Aggiunta di nuovi elementi attraverso un form intuitivo.
- Modifica diretta degli elementi esistenti con aggiornamento immediato.
- Eliminazione di elementi con conferma.
- Design responsive per un'ottima esperienza utente su desktop, tablet e mobile.
- Clona il repository:
git clone https://github.com/tuo-repository/CRUD-API-Project.git
- Apri il file
index.html
nel browser. - Interagisci con il database usando il sito web.
- Testa le API direttamente con Postman o un altro strumento di test API.
- Apprendere e applicare CRUD API con JavaScript.
- Comprendere il funzionamento di Postman per testare API REST.
- Creare una UI moderna e responsive.
- Interagire con un database remoto in tempo reale.
Contributi e suggerimenti sono i benvenuti! Apri una issue o fai una pull request.
Questo progetto è distribuito sotto MIT License - Sentiti libero di modificarlo e migliorarlo!