svelte-mongo Svelte Themes

Svelte Mongo

SvelteKit Mini Project

Deskripsi

Proyek ini adalah sebuah aplikasi web sederhana berupa manajemen task list yang dibangun menggunakan SvelteKit untuk frontend dan backend, Tailwind CSS untuk styling, dan MongoDB dengan ODM Mongoose yang di-host di MongoDB Atlas. Aplikasi ini memiliki antarmuka yang responsif dan mendukung operasi CRUD dasar.

Teknologi yang Digunakan

  • Frontend & Backend: SvelteKit
  • Styling: Tailwind CSS
  • Database: MongoDB (MongoDB Atlas) dengan Mongoose ODM
  • Form Validation: Zod
  • Deployment: Vercel

Fitur

  • Antarmuka responsif (mobile, tablet, desktop)
  • Operasi CRUD dasar
  • Validasi formulir menggunakan Zod

Cara Menjalankan Proyek

Prasyarat

Pastikan Anda telah menginstal:

  • Node.js
  • npm atau yarn
  • Akun MongoDB Atlas dengan database terkonfigurasi

Langkah-langkah

  1. Clone repository ini:

    git clone https://github.com/username/repository-name.git
    cd repository-name
    
  2. Instal dependencies:

    npm install
    yarn install
    
  3. Buat file .env dari template: ```bash cp .env.example .env

*Edit file .env dengan informasi koneksi MongoDB Anda.

  1. Jalankan proyek:

    npm run dev
    yarn dev
    
  2. Buka di browser: Aplikasi akan berjalan di http://localhost:5173.

Cara Berkontribusi

  1. Fork repository ini
  2. Buat branch fitur (git checkout -b fitur/AmazingFeature)
  3. Commit perubahan Anda (git commit -m 'Add some AmazingFeature')
  4. Push ke branch (git push origin fitur/AmazingFeature)
  5. Buat Pull Request

Proyek ini di-deploy ke Vercel dan dapat diakses di: Demo URL.

Link Demo Video

Top categories

Loading Svelte Themes