fhnasgf28 / praktikumWebProgramming

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

dokumentasi aplikasi Buku LIST

Buat File .env.local

Dokumentasi Aplikasi CRUD Buku

Aplikasi ini memungkinkan pengguna untuk melakukan operasi CRUD (Create, Read, Update, Delete) terhadap data buku. Aplikasi menggunakan teknologi React untuk antarmuka pengguna, Firebase Realtime Database untuk menyimpan data, dan Tailwind CSS untuk tampilan.

Fitur

  • Menambahkan buku baru ke database
  • Melihat daftar buku
  • Mengedit buku yang ada
  • Menghapus buku dari database
  • Melihat daftar buku dalam format JSON

Komponen

TambahBuku

Komponen ini memungkinkan pengguna untuk menambahkan buku baru ke database.

BookList

Komponen ini menampilkan daftar buku yang ada.

EditBookModal

Komponen ini menampilkan modal untuk mengedit buku yang ada.

BookListJSON

Komponen ini menampilkan daftar buku dalam format JSON.

Penggunaan

  1. Pastikan telah mengatur konfigurasi Firebase di file firebase.js.
  2. Jalankan aplikasi dengan yarn dev atau npm run dev.
  3. Buka http://localhost:3000 di browser Anda.

Pengembangan

Instalasi

  1. Clone repositori ini.
  2. Jalankan yarn install atau npm install untuk menginstal dependensi.

Kontribusi

Anda dapat melakukan kontribusi dengan cara:

  • Fork repositori ini.
  • Lakukan perubahan yang diinginkan.
  • Buat pull request ke repositori utama.

Lingkungan Pengembangan

  • Next.js v14
  • React
  • Firebase Realtime Database
  • Tailwind CSS

About


Languages

Language:TypeScript 49.2%Language:JavaScript 47.2%Language:CSS 3.7%