Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/abyandimas/reactnoobproject
https://github.com/abyandimas/reactnoobproject
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/abyandimas/reactnoobproject
- Owner: AbyanDimas
- Created: 2024-08-03T14:36:24.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-04T22:38:57.000Z (5 months ago)
- Last Synced: 2024-08-05T00:18:25.286Z (5 months ago)
- Language: JavaScript
- Size: 63.5 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React CRUD Data Siswa
Proyek ini adalah aplikasi CRUD (Create, Read, Update, Delete) sederhana yang dibangun menggunakan React. Aplikasi ini memungkinkan pengguna untuk mengelola data siswa dengan fitur-fitur seperti menambahkan siswa baru, melihat daftar siswa, memperbarui data siswa, dan menghapus siswa.
## Fitur
- **Tambah Data Siswa:** Pengguna dapat menambahkan data siswa baru dengan mengisi formulir yang disediakan.
- **Lihat Data Siswa:** Daftar semua siswa akan ditampilkan dalam bentuk tabel atau kartu.
- **Perbarui Data Siswa:** Pengguna dapat memperbarui data siswa yang sudah ada dengan memilih siswa yang ingin diperbarui.
- **Hapus Data Siswa:** Pengguna dapat menghapus data siswa yang sudah tidak diperlukan lagi.
## Teknologi yang Digunakan
- **React:** Library JavaScript untuk membangun antarmuka pengguna.
- **React Router:** Untuk mengelola navigasi antara halaman-halaman di aplikasi.
- **Axios:** Untuk melakukan permintaan HTTP ke API backend.
- **Tailwind CSS:** Untuk styling dan desain responsif.
- **Formik & Yup:** Untuk menangani formulir dan validasi.
## Cara Menjalankan Proyek
1. **Clone repository ini:**
```bash
git clone https://github.com/username/react-crud-data-siswa.git
```
2. **Masuk ke direktori proyek:**
```bash
cd react-crud-data-siswa
```
3. **Install dependensi:**
```bash
npm install
```
4. **Jalankan aplikasi:**
```bash
npm start
```
Aplikasi akan berjalan di `http://localhost:3000`.
## Kontribusi
Kontribusi sangat diterima! Jika Anda memiliki ide atau menemukan bug, silakan buat *issue* atau kirim *pull request*.
## Lisensi
Proyek ini dilisensikan di bawah [MIT License](LICENSE).