Skip to content

This is a to-do list application. It's server is created in Golang, db is mongodb and client is in React.

License

Notifications You must be signed in to change notification settings

schadokar/go-to-do-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📝 Go To Do App

This is a to-do list application. The complete tutorial is published on my blog.

Server: Golang
Client: React, semantic-ui-react
Database: Local MongoDB

The offline version of application Get Shit Done is hosted at

🔗 https://schadokar.github.io/go-to-do-app/

🔗 http://getshitdone.surge.sh

Offline to-do app instruction. here


Highlights

  1. DB connection string, name and collection name moved to .env file as environment variable. Using github.com/joho/godotenv to read the environment variables.
  2. feature/cloud-native-deployment provided by abdennour. Thank you @abdennour to dockerize it. His features supports both Docker and Kubernetes.

Application Requirement

golang server requirement

  1. golang https://golang.org/dl/
  2. gorilla/mux package for router go get -u github.com/gorilla/mux
  3. mongo-driver package to connect with mongoDB go get go.mongodb.org/mongo-driver
  4. github.com/joho/godotenv to access the environment variable.

react client

From the Application directory

create-react-app client

💻 Start the application

  1. Make sure your mongoDB is started
  2. Create a .env file inside the go-server and copy the keys from .env.example and update the DB connection string.
  3. From go-server directory, open a terminal and run go run main.go
  4. From client directory,
    a. install all the dependencies using npm install
    b. start client npm start

🐼 Walk through the application

Open application at http://localhost:3000

Index page

Create task

Enter a task and Enter

Task Complete

On completion of a task, click "done" Icon of the respective task card.

You'll notice on completion of task, card's bottom line color changed from yellow to green.

Undo a task

To undone a task, click on "undo" Icon,

You'll notice on completion of task, card's bottom line color changed from green to yellow.

Delete a task

To delete a task, click on "delete" Icon.


Author

🌞 Shubham Kumar Chadokar

I am software engineer and love to write articles and tutorials on golang, blockchain, and nodejs.
Please checkout my other articles on 🔗 https://schadokar.dev 🎉

References

https://godoc.org/go.mongodb.org/mongo-driver/mongo
https://www.mongodb.com/blog/post/mongodb-go-driver-tutorial
https://vkt.sh/go-mongodb-driver-cookbook/

License

MIT License

Copyright (c) 2019 Shubham Chadokar

About

This is a to-do list application. It's server is created in Golang, db is mongodb and client is in React.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published