Skip to content

davidf1000/nextjs-bangkit-capstone

Repository files navigation

Bangkit Capstone Project C22-PS328

Web application intended for partner to register, login, and view dashboard to see data visualization, add/remove/edit voucher, and see purchasing logs.Tech stack used:

  • Nextjs
  • Typescript
  • Tailwind CSS
  • Chartjs

Backend

Repo for backend Go Application : https://github.com/15BESAR/ecotrans-backend-cloud-infra

Deployment

Currently, the webapp is deployed on GCP using Cloud Run https://ecotrans-webapp-h3lwczj22a-et.a.run.app

It's also deployed on Heroku : https://nextjs-capstone.herokuapp.com
Use username: demo and pass: Demo123 to test the admin dasboard

Development

    npm run dev

Check on localhost port 3000

Build

    npm run build
    npm run start

Cloud Run Deployment

To deploy app to Cloud Run, build docker container

    npm run build docker build -t gcr.io/bangkit-352613/ecotrans-web:v1.02

Then, push into container registry (need service account with sufficient permission)

    docker push gcr.io/bangkit-352613/ecotrans-web:v1.02

Then, deploy to cloud run with selected image

    gcloud run deploy ecotrans-webapp --image=gcr.io/bangkit-352613/ecotrans-web:v1.02

Docs

appgif
Landing Page
Landing Page
login
register
dashboard-voucher
dashboard-logs
dashboard-summary

Some lofi Mockups using AdobeXD

Landing Page

Landing Page -

Login

Login -login

Register

register -register step 1

Dashboard

Dashboard -dashboard

Voucher

My Voucher -voucher

Purchase Log

Purchase Logs -logs – 1

About

Nextjs Typescript Tailwind Webapp for Bangkit 22 Capstone project

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages