Code Monkey home page Code Monkey logo

3tier's Introduction

๐Ÿ“ 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


๐Ÿ–Š๏ธ Application Requirement

golang server requirement

  1. golang https://golang.org/dl/
  2. gorilla/mux library for router go get -u github.com/gorilla/mux
  3. mongo-driver library to connect with mongoDB go get go.mongodb.org/mongo-driver

react client

From the Application directory

create-react-app client

๐Ÿ’ป Start the application

  1. Make sure your mongoDB is started
  2. From server directory, open a terminal and run export DB_CONNECTION=mongodb://localhost:27017 DB_NAME=test go run main.go
  3. From client directory,
    a. install all the dependencies using npm install
    b. check if you need to point to API from another port or host (REACT_APP_API_ENDPOINT) c. 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

3tier's People

Contributors

harishdevops1 avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.