kbank

Kbank ·

KBank adalah aplikasi web sederhana untuk mengajar anak -anak tentang literasi keuangan dan tanggung jawab.

Daftar isi

• ? Tentang
• Perkenalan
• ? Tangkapan layar
  • Halaman dasbor
  • Halaman login
  • Halaman pendaftaran
• Memulai
  • Mengkloning proyek
  • Menjalankan klien
  • Menjalankan server
  • Menjalankan keduanya
• Teknologi
• ? Lisensi
• ? Pengakuan

? Tentang

• Universitas: Universitas Negeri San Jose
• Kursus: Perangkat Lunak Perusahaan - CMPE172 (Musim Semi 2020)
• Anggota Tim: Jasmine Mai, Nhat Nguyen, dan Albert Ong

Perkenalan

Banyak orang tua memberi anak mereka uang saku. Beberapa orang tua memberikan tunjangan mingguan atau bulanan secara gratis. Atau, jika mereka membuat anak -anak mereka melakukan tugas untuk mendapatkan uang saku, mereka kadang -kadang kehilangan jejak apa yang telah selesai dan berapa banyak yang diperoleh anak -anak. Dengan KBank (Kids Bank), orang tua dapat menambahkan tugas yang tersedia. Orang tua akan menetapkan hadiah tunjangan untuk masing -masing.

Anak -anak akan melihat daftar dan memilih mana yang ingin mereka lakukan. Jika anak -anak menyelesaikan tugas, hadiah akan ditambahkan ke imbalan total mereka yang dapat diklaim nanti. Aplikasi KBank adalah win-win untuk orang tua dan anak-anak! Anak -anak bisa mendapatkan uang saku dan orang tua dapat mengelola uang saku mereka.

? Tangkapan layar

Halaman dasbor

Halaman pendaftaran

Halaman login

Memulai

Mengkloning proyek

 # clone project
git clone https://github.com/npathapp/kbank.git

# navigate to project
cd kbank

Menjalankan klien

 # navigate to client
cd client

# installing the client
npm install

# running the client
npm run dev

Menjalankan server

 # navigate to server
cd server

# installing the server
npm install

# running the server
npm run dev

Menjalankan keduanya

 # navigate to server directory
cd server

# installing the server
npm install

# navigate to client directory
cd ../client

# installing the client
npm install

# Running the project
npm start

Teknologi

Desain

• Alat Desain Antarmuka Figma //
• Inkscape // Vector Graphics Tool
• Unsplash // Stock Photography

Frontend

• Html
• CSS
  • Sass // preprocessor css
• Javascript
  • React // JavaScript Library
  • AXIOS // Klien HTTP
• Parcel // Bundler Aplikasi Web
  • Parcel-plugin-inliner // inline CSS dan JS di HTML

Backend

• Node
  • Express // Node Framework
• Postgres // Database Sumber Terbuka Lanjutan
• Docker // Wadah

Devop

• Amazon RDS // Layanan Database Relasional Terdistribusi
• Amazon ECS // Layanan Orkestrasi Kontainer
• Git // Sistem Kontrol Versi Terdistribusi
  • GITHUB // GIT Repository Hosting Service
• Visual Studio Code // Editor Kode

? Lisensi

Semua bagian dari proyek ini bebas untuk digunakan dan disalahgunakan di bawah lisensi MIT open-source.

? Pengakuan

Ditulis oleh Jasmine Mai, Nhat Nguyen, dan Albert Ong.