https://github.com/imbios/storegg

a complex project in the form of a website top up game “STORE GG”
https://github.com/imbios/storegg

game mern-stack nextjs topup voucher

Last synced: about 2 months ago
JSON representation

a complex project in the form of a website top up game “STORE GG”

• Host: GitHub
• URL: https://github.com/imbios/storegg
• Owner: ImBIOS
• Created: 2022-05-12T00:41:55.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2023-04-29T09:33:18.000Z (about 3 years ago)
• Last Synced: 2025-01-13T18:51:02.339Z (over 1 year ago)
• Topics: game, mern-stack, nextjs, topup, voucher
• Language: TypeScript
• Homepage: https://storegg-imbios.vercel.app/
• Size: 4.1 MB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.id.md

Awesome Lists containing this project

README

          
# Website Top Up Voucher Game

[English](./README.md) | Bahasa Indonesia

MERN Stack merupakan pengembangan website dari Front-End sampai Back-End dengan menggunakan salah satu bahasa pemrograman yaitu Javascript. MERN singkatan dari beberapa teknologi pengembangan yang kuat: M untuk MongoDB (Database); E untuk Express (Kerangka); R untuk ReactJS (FE); dan N untuk NextJS (FE) dan NodeJS (core BE).

Faktanya, Javascript telah dikenal sangat populer dan fleksibel karena dapat digunakan bersama dengan bahasa pemrograman lain. Mampu bekerja di kedua sisi FE dan BE secara bersamaan, Javascript dapat membuat tampilan website yang menarik dan mengelola logika data dengan baik. Di dunia pemrograman, Javascript telah memberikan banyak nilai selama 25 tahun terakhir, dan memahami Javascript melalui kelas ini dapat menjadi investasi berharga dalam karir jangka panjang Anda sebagai Pengembang.

Di kelas ini, kita akan membuat project yang kompleks berupa website top up game “STORE GG”. Materinya dimulai dari sisi FE, termasuk mengubah template desain HTML yang sudah kita iris menjadi NextJS. Untuk mengelola data skala besar dengan mudah, komponen perpustakaan akan diatur menurut prinsip Desain Atom. Di sisi BE, kerangka kerja NodeJS utama digunakan untuk perutean, middleware, integrasi basis data hingga pengujian. CRUD (Create, Read, Update, Delete) juga akan digunakan untuk mengelola isi database sesuai kebutuhan. Kemudian integrasi API diimplementasikan di kedua sisi untuk memungkinkan akses data di server yang sama. Setelah selesai, proyek disimpan di GitHub dan diunggah ke platform waktu nyata untuk pembaruan data yang mudah di kemudian hari.

Kelas ini cocok untuk Anda yang ingin mendalami pengembangan website dengan Javascript. Dengan mengetahui keseluruhan proses dengan baik dan benar, kita dapat meningkatkan skill kita sebagai developer dan tentunya aplikasi yang dihasilkan kedepannya akan lebih berkualitas. Untuk mempermudah belajar, harap pahami dasar-dasar Javascript, React, dan Database terlebih dahulu. Dan silakan tanyakan juga kepada Mentor ahli kami di grup konsultasi. Daftar sekarang dan sampai jumpa di kelas!

# Poin Utama

- Deploy proyek ke Vercel (Front-End) dan Heroku (Back-End)

- Mengintegrasikan NodeJS REST API dengan ReactJS (NextJS)

- Buat fitur Daftar dan Masuk

- Membuat CRUD yang mencakup login dengan JWT

- Membuat Buku Cerita untuk membangun pustaka komponen di React

- Memproses database dengan MongoDB

- Mengonversi HTML ke NextJS

- Pemahaman lengkap tentang pengembangan situs web (Front-End dan Back-End)

# Dirancang untuk

- Anda yang ingin menjadi Pengembang Full-Stack

- Anda yang ingin menjadi Pengembang Javascript

- Bagi Anda yang ingin membangun portofolio web yang terukur dan menjual

- Bagi Anda yang ingin membangun fitur Daftar dan Masuk di situs web

- Bagi Anda yang ingin membangun website dengan desain berkualitas tinggi

- Anda yang ingin menguasai pengembangan website

# Referensi

https://buildwithangga.com/kelas/full-stack-javascript-developer-2021-website-top-up-voucher-game