lutfiandri / teti-lib-frontend

Website Teti Library | Kelompok 2 Pengembangan Aplikasi Web

Teti Lib Library Frontend

Website Teti Library | Kelompok 2 Pengembangan Aplikasi Web

Related Repository

• Frontend Repo: https://github.com/lutfiandri/teti-lib-frontend (current)
• Backend Repo: https://github.com/lutfiandri/teti-lib

Links

• Slide Presentasi: Click Here
• Front End: https://teti-library.vercel.app/
• Back End: https://teti-lib.vercel.app/
• Postman Docs: Click Here

Development Setup

Prerequisites

• Download and install Node.js version 16.15 or higher.
• Download and install yarn version 1.22 or higher.
• Clone this project and open it using your favorite code editor.

Setting Up Project

• Install required dependencies:

  yarn

• Run the program:

  # on development
  yarn dev

Branch Naming

<type>/<short_description>

• <type> :
  • feature: saya menambahkan fitur baru
  • fix: saya memperbaiki fitur

contoh: feature/menambahkan-navbar
Learn More

Commit Messages

<type>(scope): <short_summary>
Baca lebih lengkap

Folder Structure

- docs                 # asset dokumentasi
- public               # bisa diakses public
- src
  - main.js            # react bootstrapper
  - App.js             # routing pages
  - assets             # asset non-public (gambar, font, dll)
  - components
    - elements         # component element satuan
    - layouts          # component layout
    - templates        # component template yang dapat digunakan berulang kali
  - pages              # halaman - halaman
  - styles             # styling dan tema
  - utils
    - helpers          # pembantu
    - hooks            # react hook
    - services         # fetcher dari api

Import Path Mapping

Gunakan path mapping. @ akan me-mapping-kan ke src. Contoh:

import Home from "@/pages/Home.jsx";
import Button from "@/components/elements/Button.jsx";