hackathon project at sgu

Proyek Hackathon SGU

Pernyataan Masalah - Alat Manajemen Proyek Kolaboratif untuk Tim Jarak Jauh

Teknologi yang Digunakan

Proyek ini dibangun menggunakan tumpukan MERN :

• MongoDB : Database NoSQL untuk menyimpan data aplikasi.
• Express.js : Kerangka aplikasi web untuk Node.js.
• React : Pustaka JavaScript untuk membangun antarmuka pengguna.
• Node.js : Lingkungan runtime JavaScript yang mengeksekusi kode JavaScript di luar browser web.

Prasyarat

Sebelum menyiapkan proyek, pastikan Anda telah menginstal perangkat lunak berikut di mesin Anda:

• Node.js (disarankan versi 14 atau lebih tinggi)
• npm (dilengkapi dengan Node.js) atau Yarn

Memulai

Ikuti langkah-langkah di bawah ini untuk menyiapkan dan menjalankan proyek.

1. Kloning Repositori

Jika Anda belum mengkloning repositori, Anda dapat melakukannya dengan perintah berikut:

git clone https://github.com/altamsh04/hackathon-project-at-sgu.git
cd hackathon-project-at-sgu

2. Instal Dependensi

Navigasikan ke direktori proyek dan instal dependensi yang diperlukan menggunakan npm atau Yarn:

 # Using npm
npm install

Perintah ini menginstal semua paket penting yang tercantum dalam file package.json .

3. Jalankan Server Pengembangan

Untuk memulai server pengembangan, gunakan perintah berikut:

 # Using npm
npm run dev

Struktur Proyek

 hackathon-project-at-sgu/
├── public/                # Static assets like images and icons
├── server/                # Server backend
├── src/
│   ├── assets/            # Local image files, fonts, etc.
│   ├── components/        # Reusable React components
│   ├── pages/             # Page-level components or views
│   ├── App.jsx            # Main application component
│   ├── main.jsx           # Entry point for the React app
│   └── index.css          # Global styles
├── index.html             # Main HTML template
├── package.json           # Project dependencies and scripts
├── vite.config.js         # Vite configuration file
└── README.md              # Project documentation

File Kunci

• src/main.jsx : Ini adalah titik masuk untuk aplikasi React Anda.
• src/App.jsx : Komponen root yang berisi layout utama aplikasi.
• vite.config.js : File konfigurasi untuk Vite, tempat Anda dapat menyesuaikan pengaturan build dan pengembangan.
• index.html : Templat HTML yang digunakan oleh Vite untuk melayani aplikasi React Anda.

Kolaborator?

• @altamsh04
• @ pradip5474
• @Shreyas-Patil-11
• @junnu01