├── .gitattributes
├── README.md
├── main.go
└── static
    └── home.tpl


/.gitattributes:
--------------------------------------------------------------------------------
1 | static/* linguist-vendored
2 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # [Read full article here](https://thedevsaddam.github.io/post/lets-make-a-simple-todo-app-with-go/)
2 | 


--------------------------------------------------------------------------------
/main.go:
--------------------------------------------------------------------------------
  1 | package main
  2 | 
  3 | import (
  4 | 	"context"
  5 | 	"encoding/json"
  6 | 	"log"
  7 | 	"net/http"
  8 | 	"os"
  9 | 	"os/signal"
 10 | 	"strings"
 11 | 	"time"
 12 | 
 13 | 	"github.com/go-chi/chi"
 14 | 	"github.com/go-chi/chi/middleware"
 15 | 	"github.com/thedevsaddam/renderer"
 16 | 	mgo "gopkg.in/mgo.v2"
 17 | 	"gopkg.in/mgo.v2/bson"
 18 | )
 19 | 
 20 | var rnd *renderer.Render
 21 | var db *mgo.Database
 22 | 
 23 | const (
 24 | 	hostName       string = "localhost:27017"
 25 | 	dbName         string = "demo_todo"
 26 | 	collectionName string = "todo"
 27 | 	port           string = ":9000"
 28 | )
 29 | 
 30 | type (
 31 | 	todoModel struct {
 32 | 		ID        bson.ObjectId `bson:"_id,omitempty"`
 33 | 		Title     string        `bson:"title"`
 34 | 		Completed bool          `bson:"completed"`
 35 | 		CreatedAt time.Time     `bson:"createAt"`
 36 | 	}
 37 | 
 38 | 	todo struct {
 39 | 		ID        string    `json:"id"`
 40 | 		Title     string    `json:"title"`
 41 | 		Completed bool      `json:"completed"`
 42 | 		CreatedAt time.Time `json:"created_at"`
 43 | 	}
 44 | )
 45 | 
 46 | func init() {
 47 | 	rnd = renderer.New()
 48 | 	sess, err := mgo.Dial(hostName)
 49 | 	checkErr(err)
 50 | 	sess.SetMode(mgo.Monotonic, true)
 51 | 	db = sess.DB(dbName)
 52 | }
 53 | 
 54 | func homeHandler(w http.ResponseWriter, r *http.Request) {
 55 | 	err := rnd.Template(w, http.StatusOK, []string{"static/home.tpl"}, nil)
 56 | 	checkErr(err)
 57 | }
 58 | 
 59 | func createTodo(w http.ResponseWriter, r *http.Request) {
 60 | 	var t todo
 61 | 
 62 | 	if err := json.NewDecoder(r.Body).Decode(&t); err != nil {
 63 | 		rnd.JSON(w, http.StatusProcessing, err)
 64 | 		return
 65 | 	}
 66 | 
 67 | 	// simple validation
 68 | 	if t.Title == "" {
 69 | 		rnd.JSON(w, http.StatusBadRequest, renderer.M{
 70 | 			"message": "The title field is requried",
 71 | 		})
 72 | 		return
 73 | 	}
 74 | 
 75 | 	// if input is okay, create a todo
 76 | 	tm := todoModel{
 77 | 		ID:        bson.NewObjectId(),
 78 | 		Title:     t.Title,
 79 | 		Completed: false,
 80 | 		CreatedAt: time.Now(),
 81 | 	}
 82 | 	if err := db.C(collectionName).Insert(&tm); err != nil {
 83 | 		rnd.JSON(w, http.StatusProcessing, renderer.M{
 84 | 			"message": "Failed to save todo",
 85 | 			"error":   err,
 86 | 		})
 87 | 		return
 88 | 	}
 89 | 
 90 | 	rnd.JSON(w, http.StatusCreated, renderer.M{
 91 | 		"message": "Todo created successfully",
 92 | 		"todo_id": tm.ID.Hex(),
 93 | 	})
 94 | }
 95 | 
 96 | func updateTodo(w http.ResponseWriter, r *http.Request) {
 97 | 	id := strings.TrimSpace(chi.URLParam(r, "id"))
 98 | 
 99 | 	if !bson.IsObjectIdHex(id) {
100 | 		rnd.JSON(w, http.StatusBadRequest, renderer.M{
101 | 			"message": "The id is invalid",
102 | 		})
103 | 		return
104 | 	}
105 | 
106 | 	var t todo
107 | 
108 | 	if err := json.NewDecoder(r.Body).Decode(&t); err != nil {
109 | 		rnd.JSON(w, http.StatusProcessing, err)
110 | 		return
111 | 	}
112 | 
113 | 	// simple validation
114 | 	if t.Title == "" {
115 | 		rnd.JSON(w, http.StatusBadRequest, renderer.M{
116 | 			"message": "The title field is requried",
117 | 		})
118 | 		return
119 | 	}
120 | 
121 | 	// if input is okay, update a todo
122 | 	if err := db.C(collectionName).
123 | 		Update(
124 | 			bson.M{"_id": bson.ObjectIdHex(id)},
125 | 			bson.M{"title": t.Title, "completed": t.Completed},
126 | 		); err != nil {
127 | 		rnd.JSON(w, http.StatusProcessing, renderer.M{
128 | 			"message": "Failed to update todo",
129 | 			"error":   err,
130 | 		})
131 | 		return
132 | 	}
133 | 
134 | 	rnd.JSON(w, http.StatusOK, renderer.M{
135 | 		"message": "Todo updated successfully",
136 | 	})
137 | }
138 | 
139 | func fetchTodos(w http.ResponseWriter, r *http.Request) {
140 | 	todos := []todoModel{}
141 | 
142 | 	if err := db.C(collectionName).
143 | 		Find(bson.M{}).
144 | 		All(&todos); err != nil {
145 | 		rnd.JSON(w, http.StatusProcessing, renderer.M{
146 | 			"message": "Failed to fetch todo",
147 | 			"error":   err,
148 | 		})
149 | 		return
150 | 	}
151 | 
152 | 	todoList := []todo{}
153 | 	for _, t := range todos {
154 | 		todoList = append(todoList, todo{
155 | 			ID:        t.ID.Hex(),
156 | 			Title:     t.Title,
157 | 			Completed: t.Completed,
158 | 			CreatedAt: t.CreatedAt,
159 | 		})
160 | 	}
161 | 
162 | 	rnd.JSON(w, http.StatusOK, renderer.M{
163 | 		"data": todoList,
164 | 	})
165 | }
166 | 
167 | func deleteTodo(w http.ResponseWriter, r *http.Request) {
168 | 	id := strings.TrimSpace(chi.URLParam(r, "id"))
169 | 
170 | 	if !bson.IsObjectIdHex(id) {
171 | 		rnd.JSON(w, http.StatusBadRequest, renderer.M{
172 | 			"message": "The id is invalid",
173 | 		})
174 | 		return
175 | 	}
176 | 
177 | 	if err := db.C(collectionName).RemoveId(bson.ObjectIdHex(id)); err != nil {
178 | 		rnd.JSON(w, http.StatusProcessing, renderer.M{
179 | 			"message": "Failed to delete todo",
180 | 			"error":   err,
181 | 		})
182 | 		return
183 | 	}
184 | 
185 | 	rnd.JSON(w, http.StatusOK, renderer.M{
186 | 		"message": "Todo deleted successfully",
187 | 	})
188 | }
189 | 
190 | func main() {
191 | 	stopChan := make(chan os.Signal)
192 | 	signal.Notify(stopChan, os.Interrupt)
193 | 
194 | 	r := chi.NewRouter()
195 | 	r.Use(middleware.Logger)
196 | 	r.Get("/", homeHandler)
197 | 
198 | 	r.Mount("/todo", todoHandlers())
199 | 
200 | 	srv := &http.Server{
201 | 		Addr:         port,
202 | 		Handler:      r,
203 | 		ReadTimeout:  60 * time.Second,
204 | 		WriteTimeout: 60 * time.Second,
205 | 		IdleTimeout:  60 * time.Second,
206 | 	}
207 | 
208 | 	go func() {
209 | 		log.Println("Listening on port ", port)
210 | 		if err := srv.ListenAndServe(); err != nil {
211 | 			log.Printf("listen: %s\n", err)
212 | 		}
213 | 	}()
214 | 
215 | 	<-stopChan
216 | 	log.Println("Shutting down server...")
217 | 	ctx, cancel := context.WithTimeout(context.Background(), 5*time.Second)
218 | 	srv.Shutdown(ctx)
219 | 	defer cancel()
220 | 	log.Println("Server gracefully stopped!")
221 | }
222 | 
223 | func todoHandlers() http.Handler {
224 | 	rg := chi.NewRouter()
225 | 	rg.Group(func(r chi.Router) {
226 | 		r.Get("/", fetchTodos)
227 | 		r.Post("/", createTodo)
228 | 		r.Put("/{id}", updateTodo)
229 | 		r.Delete("/{id}", deleteTodo)
230 | 	})
231 | 	return rg
232 | }
233 | 
234 | func checkErr(err error) {
235 | 	if err != nil {
236 | 		log.Fatal(err) //respond with error page or message
237 | 	}
238 | }
239 | 


--------------------------------------------------------------------------------
/static/home.tpl:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="en">
  3 |   <head>
  4 |     <title>Todo</title>
  5 |     <!-- Required meta tags -->
  6 |     <meta charset="utf-8">
  7 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8 |     <script type="text/javascript" src="https://unpkg.com/vue@2.3.4"></script>
  9 |     <script src="https://cdn.jsdelivr.net/npm/vue-resource@1.3.4"></script>
 10 |     <!-- Bootstrap CSS -->
 11 |     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
 12 |     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
 13 |     <style type="text/css">
 14 |       .del {
 15 |           text-decoration: line-through;
 16 |       }
 17 |       .card{
 18 |         border-radius: 0 !important;
 19 |         border: none;
 20 |       }
 21 |       .card-body{
 22 |         padding: 0 !important;
 23 |       }
 24 |       .todo-title{
 25 |         width: 100%;
 26 |         background: #34495e;
 27 |         color: #ecf0f1;
 28 |         font-size: 30px;
 29 |         font-weight: bold;
 30 |         padding: 20px 10px;
 31 |         text-align: center;
 32 |         border-top-left-radius: 5px;
 33 |         border-top-right-radius: 5px;
 34 |       }
 35 |       .custom-input{
 36 |         border-radius: 0 !important;
 37 |         padding: 10px 10px !important;
 38 |         border-bottom: none;
 39 |       }
 40 |       .custom-input:focus, .custom-input:active{
 41 |         box-shadow: none !important;
 42 |       }
 43 |       .custom-button{
 44 |         border-radius: 0 !important;
 45 |         cursor: pointer;
 46 |       }
 47 |       .custom-button:focus, .custom-button:active{
 48 |         box-shadow: none !important;
 49 |       }
 50 |       .list-group li{
 51 |         cursor: pointer;
 52 |         border-radius: 0 !important;
 53 |       }
 54 |       .checked{
 55 |         background: #ecf0f1;
 56 |         color: #95a5a6;
 57 |       }
 58 |       .error{
 59 |         border: 2px solid #e74c3c !important;
 60 |       }
 61 |       .not-checked{
 62 |         background: #1abc9c;
 63 |         color: #FFF;
 64 |         font-weight: bold;
 65 |       }
 66 |     </style>
 67 |   </head>
 68 |   <body>
 69 |     <div class="container" id="root">
 70 |         <div class="row">
 71 |             <div class="col-6 offset-3">
 72 |                 <br><br>
 73 |                 <div class="card">
 74 |                   <div class="todo-title">
 75 |                     Daily Todo Lists
 76 |                   </div>
 77 |                   <div class="card-body">
 78 |                       <form v-on:submit.prevent>
 79 |                         <div class="input-group">
 80 |                           <input type="text" v-model="todo.title" v-on:keyup="checkForEnter($event)" class="form-control custom-input" :class="{ 'error': showError }" placeholder="Add your todo">
 81 |                           <span class="input-group-btn">
 82 |                             <button class="btn custom-button" :class="{'btn-success' : !enableEdit, 'btn-warning' : enableEdit}" type="button"  v-on:click="addTodo"><span :class="{'fa fa-plus' : !enableEdit, 'fa fa-edit' : enableEdit}"></span></button>
 83 |                           </span>
 84 |                         </div>
 85 |                       </form>
 86 |                       <ul class="list-group">
 87 |                         <li class="list-group-item" :class="{ 'checked': todo.completed, 'not-checked': !todo.completed }" v-for="(todo, todoIndex) in todos" v-on:click="toggleTodo(todo, todoIndex)">
 88 |                             <i :class="{'fa fa-circle': !todo.completed, 'fa fa-check-circle text-success': todo.completed }">&nbsp;</i>
 89 |                             <span :class="{ 'del': todo.completed }">@{ todo.title }</span>
 90 |                             <div class="btn-group float-right" role="group" aria-label="Basic example">
 91 |                               <button type="button" class="btn btn-success btn-sm custom-button" v-on:click.prevent.stop v-on:click="editTodo(todo, todoIndex)"><span class="fa fa-edit"></span></button>
 92 |                               <button type="button" class="btn btn-danger btn-sm custom-button" v-on:click.prevent.stop v-on:click="deleteTodo(todo, todoIndex)"><span class="fa fa-trash"></span></button>
 93 |                             </div>
 94 |                         </li>
 95 |                       </ul>
 96 |                   </div>
 97 |                 </div>
 98 |             </div>
 99 |         </div>
100 |     </div>
101 |     <!-- Optional JavaScript -->
102 |     <!-- jQuery first, then Popper.js, then Bootstrap JS -->
103 |     <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
104 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
105 |     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
106 |     <script type="text/javascript">
107 |       var Vue = new Vue({
108 |         el: '#root',
109 |         delimiters: ['@{', '}'],
110 |         data: {
111 |           showError: false,
112 |           enableEdit: false,
113 |           todo: {id: '', title: '', completed: false},
114 |           todos: []
115 |         },
116 |         mounted () {
117 |           this.$http.get('todo').then(response => {
118 |             this.todos = response.body.data;
119 |           });
120 |         },
121 |         methods: {
122 |           addTodo(){
123 |             if (this.todo.title == ''){
124 |               this.showError = true;
125 |             }else{
126 |               this.showError = false;
127 |               if(this.enableEdit){
128 |                 this.$http.put('todo/'+this.todo.id, this.todo).then(response => {
129 |                   if(response.status == 200){
130 |                     this.todos[this.todo.todoIndex] = this.todo;
131 |                   }
132 |                 });
133 |                 this.todo = {id: '', title: '', completed: false};
134 |                 this.enableEdit = false;
135 |               }else{
136 |                 this.$http.post('todo', {title: this.todo.title}).then(response => {
137 |                   if(response.status == 201){
138 |                     this.todos.push({id: response.body.todo_id, title: this.todo.title, completed: false});
139 |                     this.todo = {id: '', title: '', completed: false};
140 |                   }
141 |                 });
142 |               }
143 |             }
144 |           },
145 |           checkForEnter(event){
146 |             if (event.key == "Enter") {
147 |               this.addTodo();
148 |             }
149 |           },
150 |           toggleTodo(todo, todoIndex){
151 |             var completedToggle;
152 | 
153 |             if (todo.completed == true) {
154 |               completedToggle = false;
155 |             }else{
156 |               completedToggle = true;
157 |             }
158 | 
159 |             this.$http.put('todo/'+todo.id, {id: todo.id, title: todo.title, completed: completedToggle}).then(response => {
160 |               if(response.status == 200){
161 |                 this.todos[todoIndex].completed = completedToggle;
162 |               }
163 |             });
164 |           },
165 |           editTodo(todo, todoIndex){
166 |             this.enableEdit = true;
167 |             this.todo = todo;
168 |             this.todo.todoIndex = todoIndex;
169 |           },
170 |           deleteTodo(todo, todoIndex){
171 |             if(confirm("Are you sure ?")){
172 |               this.$http.delete('todo/'+todo.id).then(response => {
173 |                 if(response.status == 200){
174 |                   this.todos.splice(todoIndex, 1);
175 |                   this.todo = {id: '', title: '', completed: false};
176 |                 }
177 |               });
178 |             }
179 |           }
180 |         }
181 |       });
182 |     </script>
183 |   </body>
184 | </html>
185 | 


--------------------------------------------------------------------------------