https://github.com/raka-coder/project-web-turdif-kalkulus_i

Link Website Project https://turdif.vercel.app/
https://github.com/raka-coder/project-web-turdif-kalkulus_i

reactjs tailwindcss vite

Last synced: 16 days ago
JSON representation

Link Website Project https://turdif.vercel.app/

• Host: GitHub
• URL: https://github.com/raka-coder/project-web-turdif-kalkulus_i
• Owner: Raka-coder
• License: mit
• Created: 2024-11-22T12:28:26.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-12-31T17:13:47.000Z (24 days ago)
• Last Synced: 2024-12-31T18:20:24.802Z (24 days ago)
• Topics: reactjs, tailwindcss, vite
• Language: JavaScript
• Homepage: https://turdif.vercel.app/
• Size: 6.58 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Security: SECURITY.md

Awesome Lists containing this project

README

        

# 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.

![Image](https://github.com/Raka-coder/project-web-turdif-kalkulus_I/blob/3eca74195111d0be53cac61bb1a6a971914d92c6/src/assets/images/turdif-light.JPG)

![Image](https://github.com/Raka-coder/project-web-turdif-kalkulus_I/blob/3eca74195111d0be53cac61bb1a6a971914d92c6/src/assets/images/turdif-dark.JPG)

## Authors

- Github: [Ginanjar Abdul Hakim](https://www.github.com/Maruzensky98)

- Github: [Luthfi Apriliansyah](https://www.github.com/Luthfi778)

- Github: [Raka Restu Saputra](https://www.github.com/Raka-coder)

- Github: [Tazril Dwi Aprila](https://www.github.com/12345678167)

## 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](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Prerequisites

- node => v20.10.0

- npm  => v10.2.3

## Installation & Setup

Install project with vite

```bash

  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.

```bash

  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.

```bash

  /** @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.

```bash

  @tailwind base;

  @tailwind components;

  @tailwind utilities;

```

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

```bash

  npm run dev

```

    

## Run Locally

Clone the project

```bash

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

```

Go to the project directory

```bash

  cd project-app

```

Install dependencies

```bash

  npm install

```

Start the server

```bash

  npm run dev

```

## Tech Stack



  

  

  

  

  

  

  

  

  



## License

[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/Raka-coder/project-web-turdif-kalkulus_I/tree/main?tab=MIT-1-ov-file)