Skip to content
/ yuvoci Public

Yuvoci - Aplikasi Fullstack Pembelian Top Up Game Dengan Menggunakan Next JS dan Express JS

Notifications You must be signed in to change notification settings

yudari/yuvoci

Repository files navigation

✔️ YuVoci - Full Stack - Dengan Next JS, Express JS, Node JS dan MongoDB

YuVoci adalah aplikasi berbasis web yang dimana user dapat membeli voucher top up game dengan metode yang cepat dan aman Yuvoci dibangun dengan teknologi pada sisi frontend dengan menggunakan framework pada react js yaitu Next JS, kemudian pada sisi server menggunakan Express untuk REST API dan admin dapat mengelola data pembelian voucher top up yang dilakukan oleh user. Database menggunakan Mongo DB

Gunakan aplikasi :

Aplikasi ini dapat diakses pada link berikut : yuvoci.vercel.app

🛠 Teknologi yang digunakan :

  • Next JS
  • Express JS
  • Node Js
  • Visual Studio Code
  • Postman API
  • MongoDB Atlas
  • Bootstrap 5

Fitur

  • User Dapat membeli voucher top up dengan mudah
  • User dapat melihat proses transaksi, dan mengelola akun pada dashboard
  • Tampilan aplikasi yang responsive dan modern

Fungsi :

Halaman Home YuVoci :

Desktop Screenshot 2022 10 28 - 01 04 47 45

Langkah-langkah Pembelian Topup :

Desktop Screenshot 2022 10 28 - 01 04 58 12

Daftar Voucher Top up Game :

Desktop Screenshot 2022 10 28 - 01 05 20 44

Halaman Pembelian Top Up :

Desktop Screenshot 2022 10 28 - 01 08 40 13

Halaman Detail Pembelian Top Up :

Desktop Screenshot 2022 10 28 - 02 27 54 45

Halaman Overview Dashboard User

Desktop Screenshot 2022 10 28 - 02 29 00 01

Halaman Transaksi Dashboard User

Desktop Screenshot 2022 10 28 - 02 29 10 74

Halaman Pengelolaan Akun Dashboard User

Desktop Screenshot 2022 10 28 - 02 29 59 90

Halaman Login User

Desktop Screenshot 2022 10 28 - 01 05 42 22

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

About

Yuvoci - Aplikasi Fullstack Pembelian Top Up Game Dengan Menggunakan Next JS dan Express JS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages