Project Web Turunan Diferensial (turdif) - Kalkulus I

Project ini dibuat bertujuan untuk menjadi media pembelajaran sehingga orang-orang akan lebih mudah untuk memahami materi turunan diferensial. Pada project ini sudah dilengkapi dengan kalkulator turunan diferensial sehingga dapat memudahkan dalam proses mengerjakan soal turunan.

Authors

• Github: Ginanjar Abdul Hakim

• Github: Luthfi Apriliansyah

• Github: Raka Restu Saputra

• Github: Tazril Dwi Aprila

Features

• Single Page
• Light/dark mode button
• Responsive

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Prerequisites

• node => v20.10.0
• npm => v10.2.3

Installation & Setup

Install project with vite

  npm create vite@latest
  or
  npm create vite@latest project-app -- --template react

  cd project-app
  npm install

Install Tailwind css to the project-app

Install tailwindcss and its peer dependencies, then generate your tailwind.config.js and postcss.config.js files.

  npm install -D tailwindcss postcss autoprefixer
  npx tailwindcss init -p

Add the paths to all of your template files in your tailwind.config.js file.

  /** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

Add the @tailwind directives for each of Tailwind’s layers to your ./src/index.css file.

  @tailwind base;
  @tailwind components;
  @tailwind utilities;

Start run the project-app, run your build process with npm run dev.

  npm run dev

Run Locally

Clone the project

  git clone https://github.com/Raka-coder/project-web-turdif-kalkulus_I.git

Go to the project directory

  cd project-app

Install dependencies

  npm install

Start the server

  npm run dev

Tech Stack

License