Portal Berita Fullstack

Note

Repositori ini memili beberapa branch.

Important

Jangan langsung Clone dari branch utama.

Caution

Jika Anda langsung clone dari branch utama maka folder akan kosong.

Tip

Anda bisa melakukan clone satu-satu per branch, seperti dokumentasi dibawah ini.

Proyek akhir untuk Magang Mandiri di Winnicode Garuda Teknologi pada departemen Web Developer

Deskripsi

Proyek ini merupakan sebuah portal berita fullstack yang dibangun menggunakan teknologi terkini. Aplikasi ini memungkinkan pengguna untuk mengakses berita terbaru, serta menyediakan dashboard bagi admin untuk mengelola konten.

Fitur Utama

• Halaman Berita: Menampilkan berita terbaru dan terpopuler.

• Dashboard Admin: Mengelola berita, Penulis, dan kategori.

• Autentikasi: Menggunakan Firebase Authentication untuk mengatur login dan registrasi Penulis baru.

• Penyimpanan Data: Menggunakan Firestore Database dan Cloud Storage untuk menyimpan data berita, Penulis, dan lainnya.

Tech Stack

• Frontend: Astro, React, TailwindCSS

• Dashboard: React, Core Ui

• Backend: Node, Express, Firebase

Prasyarat

• Node.js dan npm (atau yarn) telah terinstal
• Akun Firebase
• Postman (untuk testing API)

Setup Firebase

• Buat project baru di Firebase Console.
• Tambahkan aplikasi web baru.
• Aktifkan Firestore Database dan Authentication.
• Unduh google-services.json dan simpan di direktori backend dan dashboard.
• Sesuaikan nilai API_KEY, AUTH_DOMAIN, dan lainnya pada file .env di masing-masing direktori dengan nilai yang sesuai dari Firebase project Anda.

Installation

Buat Folder baru portal-berita

  mkdir portal-berita

Clone Repository dari branch backend

  git clone -b backend https://github.com/alrescha79-cmd/project-internship-winnicode-fullstack.git backend

Arahkan ke folder backend

  cd backend

Install semua dependensi

  npm i

Tambahkan .env di root folder backend

Sesuaikan dengan key dari Firebase

API_KEY=****************
AUTH_DOMAIN=****************
PROJECT_ID=****************
STORAGE_BUCKET=****************
MESSAGING_SENDER_ID=****************
APP_ID=****************
URL_LOGIN=****************

EMAIL=****************
EMAIL_PASSWORD=****************

Jangan lupa download google-services.json dari Firebase dan masukkan ke root folder backend

Jalankan backend

  npm run dev

Secara default, Server akan berjalan pada http://localhost:3000

Kembali ke folder utama

  cd ..

Clone Repository dari branch dashboard

  git clone -b dashboard https://github.com/alrescha79-cmd/project-internship-winnicode-fullstack.git dashboard

Arahkan ke folder dashboard

  cd dashboard

Install semua dependensi

  npm i

Tambahkan .env di root folder dashboard

Sesuaikan dengan key dari Firebase

VITE_API_KEY=**********
VITE_AUTH_DOMAIN==**********
VITE_PROJECT_ID==**********
VITE_STORAGE_BUCKET==**********
VITE_MESSAGING_SENDER_ID==**********
VITE_APP_ID==**********

VITE_API=http://localhost:3000 # ganti sesuai dengan url backend

Jalankan dashboard

  npm start

Secara default, Server akan berjalan pada http://localhost:5000

Kembali ke folder utama

  cd ..

Clone Repository dari branch frontend

  git clone -b frontend https://github.com/alrescha79-cmd/project-internship-winnicode-fullstack.git frontend

Arahkan ke folder frontend

  cd frontend

Install semua dependensi

  npm i

Tambahkan .env di root folder frontend

HOST=<url-backend>
LOCAL_HOST=http://localhost:3000

Jalankan frontend

  npm start

Secara default, Server akan berjalan pada http://localhost:4321

Struktur Direktori

portal-berita
├── backend
├── dashboard
└── frontend

Postman Collection

Gunakan postman collectionberikut untuk testing API pada backend

Project Internship Portal Berita Winnicode.postman_collection.json

Authors

• Anggun Caksono