https://github.com/ryan-infitech/gamification
WebApp Programing Learning berbasis Gamification [ React ]
https://github.com/ryan-infitech/gamification
gamification learning react tugas-kuliah website
Last synced: over 1 year ago
JSON representation
WebApp Programing Learning berbasis Gamification [ React ]
- Host: GitHub
- URL: https://github.com/ryan-infitech/gamification
- Owner: Ryan-infitech
- License: gpl-3.0
- Created: 2025-01-16T09:59:15.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-28T19:38:54.000Z (over 1 year ago)
- Last Synced: 2025-02-28T21:11:16.826Z (over 1 year ago)
- Topics: gamification, learning, react, tugas-kuliah, website
- Language: TypeScript
- Homepage: https://programinglearning.netlify.app/
- Size: 26.5 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README-ID.md
- License: LICENSE
Awesome Lists containing this project
README
| 
# Gamification - Programing Learning
Hallo! 👋 ayo kenalan dengan project saya kali ini: Programming Learning, sebuah website seru buat belajar coding. Website ini saya buat supaya teman-teman bisa belajar programming dengan cara yang lebih fun dan interaktif.
Jadi gini, di website ini kamu bakal nemuin kuis-kuis seru dengan pertanyaan pilihan ganda yang diacak. Nggak cuma itu, kamu langsung bisa tau jawaban kamu bener atau salah, plus ada animasi lucu yang bikin belajar jadi nggak membosankan. Saya pakai teknologi kekinian seperti TypeScript, Tailwind CSS, Framer Motion, dan Lucide React buat bikin tampilannya jadi keren dan nyaman dipakai.
### Apa aja sih yang bisa kamu lakuin di sini?
- Pilih topik yang kamu suka dan mulai jawab pertanyaan satu-satu
- Langsung tau skor kamu setelah jawab
- Dapet trofi virtual kalo kamu berhasil
- Bisa langsung di deploy kalo kamu mau
### Yang bikin website ini special:
- Soal-soalnya diacak, jadi tiap main bakal dapet urutan yang beda
- Ada efek animasi yang bikin kamu tau langsung jawaban kamu bener atau salah
- Bisa liat progress belajar kamu sejauh mana
- Tampilannya kekinian dan bisa dipake di HP atau laptop, plus ada dark mode buat yang suka tema gelap
### Teknologi yang dipake:
- TypeScript - biar code-nya rapi dan aman
- Tailwind CSS - buat design yang keren dan konsisten
- Framer Motion - nambahin animasi smooth yang bikin mata happy
- Lucide React - ikon-ikon modern yang bikin tampilan makin ciamik
Kenapa harus coba? Karena website ini cocok buat siapa aja yang pengen belajar coding, dari yang baru mulai sampai yang udah jago. Interfacenya gampang dipake, designnya eye-catching, dan yang paling penting: belajarnya jadi lebih asik! 🚀
## Preview
.png)
## Run Locally
Clone project ini
```bash
git clone https://github.com/Ryan-infitech/Gamification
```
pergi ke project directory
```bash
cd project directory
```
Install dependencies
```bash
npm install
```
Build project
```bash
npm run build
```
Start local server
```bash
npm run dev
```
## Tech Stack
  
## Kontak
Jika Anda memiliki pertanyaan atau saran, silakan buka issue baru di repository ini.
[](https://wa.me/6285157517798)
[](https://www.instagram.com/ryan.septiawan__/)
[](https://www.linkedin.com/in/rian-septiawan-23b0a5351/)