https://github.com/dltmdrbtjd/vue3-golang-todo-webapp

vue3 + golang todo WebApp
https://github.com/dltmdrbtjd/vue3-golang-todo-webapp

example gin golang google-oauth2 mongo-go-driver mongodb-atlas pinia tailwindcss typescript vue

Last synced: about 2 months ago
JSON representation

vue3 + golang todo WebApp

• Host: GitHub
• URL: https://github.com/dltmdrbtjd/vue3-golang-todo-webapp
• Owner: dltmdrbtjd
• License: mit
• Created: 2022-01-26T13:12:04.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-02-25T15:44:38.000Z (almost 3 years ago)
• Last Synced: 2023-03-21T22:17:26.685Z (almost 2 years ago)
• Topics: example, gin, golang, google-oauth2, mongo-go-driver, mongodb-atlas, pinia, tailwindcss, typescript, vue
• Language: Go
• Homepage:
• Size: 158 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vue3-golang-todo-webapp

## stack

- vue3

- pinia

- typescript

- golang

- gin

- google oauth2

- mongodb atlas

## IDE setting

- VScode

- Volar

- Go

## How to start

### What you need before running

#### Front-End

```js

1. cd todo-client

2. create .env file

3. env file setup

  VIET_APP_BASE_URL={ this is server url }

  VITE_GOOGLE_OAUTH2_CLIENT_ID={ your google oauth2 client id }

  VITE_GOOGLE_OAUTH2_CLIENT_PW={ your google oauth2 client pw }

4. npm ci

```

#### Back-End

```js

1. cd todo-server

2. create .env file

3. env file setup

  DB_USERNAME={ your mongodb user name }

  DB_PASSWORD={ your mongodb user password }

  DB_PORT={ your mongodb atlas port }

  DB_NAME={ your db name }

  // example 

  // uri := fmt.Sprintf("mongodb+srv://%s:%s@%s", config.DBUserName, config.DBPassword, config.DBPort) use username,password,url

  // database = client.Database(config.DBName) use db name

  PORT={this port front-end env base url port }

  ENV=production

  GOOGLE_CLIENT_ID={ your google client id // it is same to front-end .env google client id }

  GOOGLE_SECRET_KEY={ your google secret key // it is same to front-end .env google client pw }

  GOOGLE_OAUTH_REDIRECT_URL={ your google client setting redirect url }

  // bottom url is google page your setup google client id,key,redirect url

  // https://console.developers.google.com/home

  

4. make build // if your haven't "make" package, you need brew install make

5. ./cs // just start complie file

```