├── .gitignore ├── LICENSE ├── README.md ├── client ├── Dockerfile ├── build │ ├── bundle.js │ └── index.html ├── index.html ├── package.json ├── src │ ├── actions │ │ └── index.jsx │ ├── components │ │ ├── app.jsx │ │ ├── footer.jsx │ │ ├── link.jsx │ │ ├── todo.jsx │ │ └── todolist.jsx │ ├── containers │ │ ├── addtodo.jsx │ │ ├── filterlink.jsx │ │ └── visibletodolist.jsx │ ├── index.jsx │ ├── reducers │ │ ├── index.jsx │ │ ├── todos.jsx │ │ └── visibilityFilter.jsx │ └── stylesheets │ │ └── main.less └── webpack.config.js ├── docker-compose.prod.yml ├── docker-compose.yml ├── index.html ├── nginx ├── Dockerfile ├── build │ ├── bundle.js │ └── index.html └── nginx.conf └── server ├── Dockerfile ├── main.go └── structs.go /.gitignore: -------------------------------------------------------------------------------- 1 | server/gin-bin 2 | server/main 3 | client/node_modules 4 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | GNU GENERAL PUBLIC LICENSE 2 | Version 2, June 1991 3 | 4 | Copyright (C) 1989, 1991 Free Software Foundation, Inc., 5 | 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA 6 | Everyone is permitted to copy and distribute verbatim copies 7 | of this license document, but changing it is not allowed. 8 | 9 | Preamble 10 | 11 | The licenses for most software are designed to take away your 12 | freedom to share and change it. By contrast, the GNU General Public 13 | License is intended to guarantee your freedom to share and change free 14 | software--to make sure the software is free for all its users. This 15 | General Public License applies to most of the Free Software 16 | Foundation's software and to any other program whose authors commit to 17 | using it. (Some other Free Software Foundation software is covered by 18 | the GNU Lesser General Public License instead.) You can apply it to 19 | your programs, too. 20 | 21 | When we speak of free software, we are referring to freedom, not 22 | price. Our General Public Licenses are designed to make sure that you 23 | have the freedom to distribute copies of free software (and charge for 24 | this service if you wish), that you receive source code or can get it 25 | if you want it, that you can change the software or use pieces of it 26 | in new free programs; and that you know you can do these things. 27 | 28 | To protect your rights, we need to make restrictions that forbid 29 | anyone to deny you these rights or to ask you to surrender the rights. 30 | These restrictions translate to certain responsibilities for you if you 31 | distribute copies of the software, or if you modify it. 32 | 33 | For example, if you distribute copies of such a program, whether 34 | gratis or for a fee, you must give the recipients all the rights that 35 | you have. You must make sure that they, too, receive or can get the 36 | source code. And you must show them these terms so they know their 37 | rights. 38 | 39 | We protect your rights with two steps: (1) copyright the software, and 40 | (2) offer you this license which gives you legal permission to copy, 41 | distribute and/or modify the software. 42 | 43 | Also, for each author's protection and ours, we want to make certain 44 | that everyone understands that there is no warranty for this free 45 | software. If the software is modified by someone else and passed on, we 46 | want its recipients to know that what they have is not the original, so 47 | that any problems introduced by others will not reflect on the original 48 | authors' reputations. 49 | 50 | Finally, any free program is threatened constantly by software 51 | patents. We wish to avoid the danger that redistributors of a free 52 | program will individually obtain patent licenses, in effect making the 53 | program proprietary. To prevent this, we have made it clear that any 54 | patent must be licensed for everyone's free use or not licensed at all. 55 | 56 | The precise terms and conditions for copying, distribution and 57 | modification follow. 58 | 59 | GNU GENERAL PUBLIC LICENSE 60 | TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION 61 | 62 | 0. This License applies to any program or other work which contains 63 | a notice placed by the copyright holder saying it may be distributed 64 | under the terms of this General Public License. The "Program", below, 65 | refers to any such program or work, and a "work based on the Program" 66 | means either the Program or any derivative work under copyright law: 67 | that is to say, a work containing the Program or a portion of it, 68 | either verbatim or with modifications and/or translated into another 69 | language. (Hereinafter, translation is included without limitation in 70 | the term "modification".) Each licensee is addressed as "you". 71 | 72 | Activities other than copying, distribution and modification are not 73 | covered by this License; they are outside its scope. The act of 74 | running the Program is not restricted, and the output from the Program 75 | is covered only if its contents constitute a work based on the 76 | Program (independent of having been made by running the Program). 77 | Whether that is true depends on what the Program does. 78 | 79 | 1. You may copy and distribute verbatim copies of the Program's 80 | source code as you receive it, in any medium, provided that you 81 | conspicuously and appropriately publish on each copy an appropriate 82 | copyright notice and disclaimer of warranty; keep intact all the 83 | notices that refer to this License and to the absence of any warranty; 84 | and give any other recipients of the Program a copy of this License 85 | along with the Program. 86 | 87 | You may charge a fee for the physical act of transferring a copy, and 88 | you may at your option offer warranty protection in exchange for a fee. 89 | 90 | 2. You may modify your copy or copies of the Program or any portion 91 | of it, thus forming a work based on the Program, and copy and 92 | distribute such modifications or work under the terms of Section 1 93 | above, provided that you also meet all of these conditions: 94 | 95 | a) You must cause the modified files to carry prominent notices 96 | stating that you changed the files and the date of any change. 97 | 98 | b) You must cause any work that you distribute or publish, that in 99 | whole or in part contains or is derived from the Program or any 100 | part thereof, to be licensed as a whole at no charge to all third 101 | parties under the terms of this License. 102 | 103 | c) If the modified program normally reads commands interactively 104 | when run, you must cause it, when started running for such 105 | interactive use in the most ordinary way, to print or display an 106 | announcement including an appropriate copyright notice and a 107 | notice that there is no warranty (or else, saying that you provide 108 | a warranty) and that users may redistribute the program under 109 | these conditions, and telling the user how to view a copy of this 110 | License. (Exception: if the Program itself is interactive but 111 | does not normally print such an announcement, your work based on 112 | the Program is not required to print an announcement.) 113 | 114 | These requirements apply to the modified work as a whole. If 115 | identifiable sections of that work are not derived from the Program, 116 | and can be reasonably considered independent and separate works in 117 | themselves, then this License, and its terms, do not apply to those 118 | sections when you distribute them as separate works. But when you 119 | distribute the same sections as part of a whole which is a work based 120 | on the Program, the distribution of the whole must be on the terms of 121 | this License, whose permissions for other licensees extend to the 122 | entire whole, and thus to each and every part regardless of who wrote it. 123 | 124 | Thus, it is not the intent of this section to claim rights or contest 125 | your rights to work written entirely by you; rather, the intent is to 126 | exercise the right to control the distribution of derivative or 127 | collective works based on the Program. 128 | 129 | In addition, mere aggregation of another work not based on the Program 130 | with the Program (or with a work based on the Program) on a volume of 131 | a storage or distribution medium does not bring the other work under 132 | the scope of this License. 133 | 134 | 3. You may copy and distribute the Program (or a work based on it, 135 | under Section 2) in object code or executable form under the terms of 136 | Sections 1 and 2 above provided that you also do one of the following: 137 | 138 | a) Accompany it with the complete corresponding machine-readable 139 | source code, which must be distributed under the terms of Sections 140 | 1 and 2 above on a medium customarily used for software interchange; or, 141 | 142 | b) Accompany it with a written offer, valid for at least three 143 | years, to give any third party, for a charge no more than your 144 | cost of physically performing source distribution, a complete 145 | machine-readable copy of the corresponding source code, to be 146 | distributed under the terms of Sections 1 and 2 above on a medium 147 | customarily used for software interchange; or, 148 | 149 | c) Accompany it with the information you received as to the offer 150 | to distribute corresponding source code. (This alternative is 151 | allowed only for noncommercial distribution and only if you 152 | received the program in object code or executable form with such 153 | an offer, in accord with Subsection b above.) 154 | 155 | The source code for a work means the preferred form of the work for 156 | making modifications to it. For an executable work, complete source 157 | code means all the source code for all modules it contains, plus any 158 | associated interface definition files, plus the scripts used to 159 | control compilation and installation of the executable. However, as a 160 | special exception, the source code distributed need not include 161 | anything that is normally distributed (in either source or binary 162 | form) with the major components (compiler, kernel, and so on) of the 163 | operating system on which the executable runs, unless that component 164 | itself accompanies the executable. 165 | 166 | If distribution of executable or object code is made by offering 167 | access to copy from a designated place, then offering equivalent 168 | access to copy the source code from the same place counts as 169 | distribution of the source code, even though third parties are not 170 | compelled to copy the source along with the object code. 171 | 172 | 4. You may not copy, modify, sublicense, or distribute the Program 173 | except as expressly provided under this License. Any attempt 174 | otherwise to copy, modify, sublicense or distribute the Program is 175 | void, and will automatically terminate your rights under this License. 176 | However, parties who have received copies, or rights, from you under 177 | this License will not have their licenses terminated so long as such 178 | parties remain in full compliance. 179 | 180 | 5. You are not required to accept this License, since you have not 181 | signed it. However, nothing else grants you permission to modify or 182 | distribute the Program or its derivative works. These actions are 183 | prohibited by law if you do not accept this License. Therefore, by 184 | modifying or distributing the Program (or any work based on the 185 | Program), you indicate your acceptance of this License to do so, and 186 | all its terms and conditions for copying, distributing or modifying 187 | the Program or works based on it. 188 | 189 | 6. Each time you redistribute the Program (or any work based on the 190 | Program), the recipient automatically receives a license from the 191 | original licensor to copy, distribute or modify the Program subject to 192 | these terms and conditions. You may not impose any further 193 | restrictions on the recipients' exercise of the rights granted herein. 194 | You are not responsible for enforcing compliance by third parties to 195 | this License. 196 | 197 | 7. If, as a consequence of a court judgment or allegation of patent 198 | infringement or for any other reason (not limited to patent issues), 199 | conditions are imposed on you (whether by court order, agreement or 200 | otherwise) that contradict the conditions of this License, they do not 201 | excuse you from the conditions of this License. If you cannot 202 | distribute so as to satisfy simultaneously your obligations under this 203 | License and any other pertinent obligations, then as a consequence you 204 | may not distribute the Program at all. For example, if a patent 205 | license would not permit royalty-free redistribution of the Program by 206 | all those who receive copies directly or indirectly through you, then 207 | the only way you could satisfy both it and this License would be to 208 | refrain entirely from distribution of the Program. 209 | 210 | If any portion of this section is held invalid or unenforceable under 211 | any particular circumstance, the balance of the section is intended to 212 | apply and the section as a whole is intended to apply in other 213 | circumstances. 214 | 215 | It is not the purpose of this section to induce you to infringe any 216 | patents or other property right claims or to contest validity of any 217 | such claims; this section has the sole purpose of protecting the 218 | integrity of the free software distribution system, which is 219 | implemented by public license practices. Many people have made 220 | generous contributions to the wide range of software distributed 221 | through that system in reliance on consistent application of that 222 | system; it is up to the author/donor to decide if he or she is willing 223 | to distribute software through any other system and a licensee cannot 224 | impose that choice. 225 | 226 | This section is intended to make thoroughly clear what is believed to 227 | be a consequence of the rest of this License. 228 | 229 | 8. If the distribution and/or use of the Program is restricted in 230 | certain countries either by patents or by copyrighted interfaces, the 231 | original copyright holder who places the Program under this License 232 | may add an explicit geographical distribution limitation excluding 233 | those countries, so that distribution is permitted only in or among 234 | countries not thus excluded. In such case, this License incorporates 235 | the limitation as if written in the body of this License. 236 | 237 | 9. The Free Software Foundation may publish revised and/or new versions 238 | of the General Public License from time to time. Such new versions will 239 | be similar in spirit to the present version, but may differ in detail to 240 | address new problems or concerns. 241 | 242 | Each version is given a distinguishing version number. If the Program 243 | specifies a version number of this License which applies to it and "any 244 | later version", you have the option of following the terms and conditions 245 | either of that version or of any later version published by the Free 246 | Software Foundation. If the Program does not specify a version number of 247 | this License, you may choose any version ever published by the Free Software 248 | Foundation. 249 | 250 | 10. If you wish to incorporate parts of the Program into other free 251 | programs whose distribution conditions are different, write to the author 252 | to ask for permission. For software which is copyrighted by the Free 253 | Software Foundation, write to the Free Software Foundation; we sometimes 254 | make exceptions for this. Our decision will be guided by the two goals 255 | of preserving the free status of all derivatives of our free software and 256 | of promoting the sharing and reuse of software generally. 257 | 258 | NO WARRANTY 259 | 260 | 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY 261 | FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN 262 | OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES 263 | PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED 264 | OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF 265 | MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS 266 | TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE 267 | PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, 268 | REPAIR OR CORRECTION. 269 | 270 | 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING 271 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR 272 | REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, 273 | INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING 274 | OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED 275 | TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY 276 | YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER 277 | PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE 278 | POSSIBILITY OF SUCH DAMAGES. 279 | 280 | END OF TERMS AND CONDITIONS 281 | 282 | How to Apply These Terms to Your New Programs 283 | 284 | If you develop a new program, and you want it to be of the greatest 285 | possible use to the public, the best way to achieve this is to make it 286 | free software which everyone can redistribute and change under these terms. 287 | 288 | To do so, attach the following notices to the program. It is safest 289 | to attach them to the start of each source file to most effectively 290 | convey the exclusion of warranty; and each file should have at least 291 | the "copyright" line and a pointer to where the full notice is found. 292 | 293 | 294 | Copyright (C) 295 | 296 | This program is free software; you can redistribute it and/or modify 297 | it under the terms of the GNU General Public License as published by 298 | the Free Software Foundation; either version 2 of the License, or 299 | (at your option) any later version. 300 | 301 | This program is distributed in the hope that it will be useful, 302 | but WITHOUT ANY WARRANTY; without even the implied warranty of 303 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 304 | GNU General Public License for more details. 305 | 306 | You should have received a copy of the GNU General Public License along 307 | with this program; if not, write to the Free Software Foundation, Inc., 308 | 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. 309 | 310 | Also add information on how to contact you by electronic and paper mail. 311 | 312 | If the program is interactive, make it output a short notice like this 313 | when it starts in an interactive mode: 314 | 315 | Gnomovision version 69, Copyright (C) year name of author 316 | Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'. 317 | This is free software, and you are welcome to redistribute it 318 | under certain conditions; type `show c' for details. 319 | 320 | The hypothetical commands `show w' and `show c' should show the appropriate 321 | parts of the General Public License. Of course, the commands you use may 322 | be called something other than `show w' and `show c'; they could even be 323 | mouse-clicks or menu items--whatever suits your program. 324 | 325 | You should also get your employer (if you work as a programmer) or your 326 | school, if any, to sign a "copyright disclaimer" for the program, if 327 | necessary. Here is a sample; alter the names: 328 | 329 | Yoyodyne, Inc., hereby disclaims all copyright interest in the program 330 | `Gnomovision' (which makes passes at compilers) written by James Hacker. 331 | 332 | , 1 April 1989 333 | Ty Coon, President of Vice 334 | 335 | This General Public License does not permit incorporating your program into 336 | proprietary programs. If your program is a subroutine library, you may 337 | consider it more useful to permit linking proprietary applications with the 338 | library. If this is what you want to do, use the GNU Lesser General 339 | Public License instead of this License. 340 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # go-react-todo 2 | 3 | - Todo REST API in Go 4 | - React frontend client with Redux. 5 | - Setup with docker & docker-compose. 6 | 7 | Database library for postgres is [Gorp](https://github.com/go-gorp/gorp), 8 | livereloading goes to [codegangsta/Gin](https://github.com/codegangsta/gin), 9 | HTTP framework used is [gin-gonic/gin](https://github.com/gin-gonic/gin). 10 | 11 | Docker-compose file contains the definition for three containers - 12 | database (postgres), backend (Go) and frontend (React). 13 | 14 | ## Requirements 15 | 16 | - docker 17 | - docker-compose 18 | 19 | ## Development setup: 20 | 21 | $ docker-compose up 22 | 23 | Find your docker-machine IP by running 24 | 25 | $ docker-machine env default 26 | 27 | Go todo API (backend) can be accessed at port 8080, webpack-dev-server 28 | (react frontend) at 9000. 29 | Requests from webpack-dev-server are proxied to the Go container by 30 | webpack conifig. 31 | Live reloading is provided by codegangsta/Gin. 32 | 33 | ## Production setup: 34 | 35 | In production livereloading of Go code and a frontend container are not needed. There are now only three containers: postgres database, go backend and a nginx container. A separate docker-compose file is used, as seen below. Run the following scripts in your cloned git directory: 36 | 37 | # will create build/ directory in ../nginx/, where it is then 38 | # mounted into nginx container to be served as static files 39 | $ cd client/ && npm run-script build 40 | $ cd ../ && docker-compose -f docker-compose.prod.yml up -d 41 | 42 | You server container will be listening at port 8002 as exposed in docker-compose.prod.yml. 43 | 44 | ## API endpoints 45 | 46 | - **GET** api/v1/todos/ 47 | - **GET** api/v1/todos/:id 48 | - **POST** api/v1/todos 49 | - **PUT** api/v1/todos/:id 50 | - **DELETE** api/v1/todos/:id 51 | -------------------------------------------------------------------------------- /client/Dockerfile: -------------------------------------------------------------------------------- 1 | FROM node:6.5.0-slim 2 | 3 | RUN mkdir -p /usr/src/app 4 | WORKDIR /usr/src/app 5 | 6 | COPY package.json /usr/src/app/ 7 | ENV NODE_ENV development 8 | RUN npm install 9 | 10 | #COPY . /usr/src/app 11 | #CMD [ "bash", "sleep 10m" ] 12 | -------------------------------------------------------------------------------- /client/build/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 | 8 | 9 | -------------------------------------------------------------------------------- /client/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 | 8 | 9 | -------------------------------------------------------------------------------- /client/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "go-react-todo", 3 | "version": "1.0.0", 4 | "description": "Todo application using go & reactjs", 5 | "main": "index.js", 6 | "scripts": { 7 | "build": "NODE_ENV=production ./node_modules/webpack/bin/webpack.js", 8 | "start": "./node_modules/webpack-dev-server/bin/webpack-dev-server.js" 9 | }, 10 | "keywords": [ 11 | "go", 12 | "reactjs" 13 | ], 14 | "author": "xTrinch", 15 | "license": "MIT", 16 | "dependencies": { 17 | "clean-webpack-plugin": "0.1.10", 18 | "copy-webpack-plugin": "3.0.1", 19 | "express": "4.14.0", 20 | "isomorphic-fetch": "^2.2.1", 21 | "jquery": "3.1.0", 22 | "react": "15.3.0", 23 | "react-dom": "15.3.0", 24 | "react-redux": "^4.4.5", 25 | "redux": "^3.6.0", 26 | "redux-thunk": "^2.1.0", 27 | "webpack": "^1.13.1" 28 | }, 29 | "devDependencies": { 30 | "babel-core": "^6.17.0", 31 | "babel-loader": "6.2.4", 32 | "babel-preset-es2015": "6.13.2", 33 | "babel-preset-react": "6.11.1", 34 | "css-loader": "0.23.1", 35 | "less": "2.7.1", 36 | "less-loader": "2.2.3", 37 | "style-loader": "0.13.1", 38 | "webpack-dev-server": "1.14.1" 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /client/src/actions/index.jsx: -------------------------------------------------------------------------------- 1 | import fetch from 'isomorphic-fetch'; 2 | 3 | let nextTodoId = 0 4 | export const addTodo = (text) => { 5 | return dispatch => { 6 | dispatch(sendTodo()), 7 | fetch(`/api/v1/todos/`, { 8 | method: 'POST', 9 | headers: { 10 | 'Content-Type': 'application/json' 11 | }, 12 | body: JSON.stringify({ 13 | title: text 14 | }) 15 | }) 16 | .then(req => req.json()) 17 | .then(json => dispatch(receiveTodo(json))); 18 | } 19 | } 20 | 21 | export const sendTodo = () => { 22 | return { 23 | type: 'SEND_TODO' 24 | } 25 | } 26 | 27 | export const receiveTodo = (json) => { 28 | return { 29 | type: 'RECEIVE_TODO', 30 | todo: json 31 | } 32 | } 33 | 34 | export const deleteTodo = (id) => { 35 | return dispatch => { 36 | dispatch(sendTodo()), 37 | fetch(`/api/v1/todos/`+id, { 38 | method: 'DELETE' 39 | }).then(dispatch(receiveDeleteTodo(id))); 40 | } 41 | } 42 | 43 | export const receiveDeleteTodo = (id) => { 44 | return { 45 | type: 'RECEIVE_DELETE_TODO', 46 | id: id 47 | } 48 | } 49 | 50 | export const updateTodo = (todo) => { 51 | return dispatch => { 52 | dispatch(toggleTodo(todo)), 53 | fetch(`/api/v1/todos/`+todo.id, { 54 | method: 'PUT', 55 | headers: { 56 | 'Content-Type': 'application/json' 57 | }, 58 | body: JSON.stringify(todo) 59 | }).then(dispatch(receiveUpdateTodo(todo))); 60 | } 61 | } 62 | 63 | export const receiveUpdateTodo = (todo) => { 64 | return { 65 | type: 'RECEIVE_UPDATE_TODO', 66 | todo: todo 67 | } 68 | } 69 | 70 | export const clearTodo = () => { 71 | return { 72 | type: 'CLEAR_TODO' 73 | } 74 | } 75 | 76 | export const requestTodos = () => { 77 | return { 78 | type: 'REQUEST_TODOS' 79 | } 80 | } 81 | 82 | export const receiveTodos = (json) => { 83 | return { 84 | type: 'RECEIVE_TODOS', 85 | todos: json, 86 | updatedAt: Date.now() 87 | } 88 | } 89 | 90 | export const getTodos = () => { 91 | return dispatch => { 92 | dispatch(requestTodos()), 93 | fetch(`/api/v1/todos/`) 94 | .then(req => req.json()) 95 | .then(json => dispatch(receiveTodos(json))); 96 | } 97 | } 98 | 99 | 100 | export const setVisibilityFilter = (filter) => { 101 | return { 102 | type: 'SET_VISIBILITY_FILTER', 103 | filter 104 | } 105 | } 106 | 107 | export const toggleTodo = (todo) => { 108 | return { 109 | type: 'TOGGLE_TODO', 110 | todo: todo 111 | } 112 | } 113 | -------------------------------------------------------------------------------- /client/src/components/app.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import Footer from './footer.jsx' 3 | import AddTodo from '../containers/addtodo.jsx' 4 | import VisibleTodoList from '../containers/visibletodolist.jsx' 5 | import { getTodos } from '../actions/index.jsx' 6 | import { connect } from 'react-redux' 7 | 8 | class App extends React.Component { 9 | constructor(props) { 10 | super(props) 11 | //this.handlers = createHandlers(this.props.dispatch); 12 | // binders 13 | } 14 | 15 | componentDidMount() { 16 | this.props.dispatch(getTodos()) 17 | } 18 | 19 | render() { 20 | return ( 21 |
22 | 23 | 24 |
25 |
26 | ); 27 | } 28 | } 29 | 30 | export default connect()(App); 31 | -------------------------------------------------------------------------------- /client/src/components/footer.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import FilterLink from '../containers/filterlink.jsx' 3 | 4 | const Footer = () => ( 5 |

6 | Show: 7 | {" "} 8 | 9 | All 10 | 11 | {", "} 12 | 13 | Active 14 | 15 | {", "} 16 | 17 | Completed 18 | 19 |

20 | ) 21 | 22 | export default Footer 23 | -------------------------------------------------------------------------------- /client/src/components/link.jsx: -------------------------------------------------------------------------------- 1 | import React, { PropTypes } from 'react' 2 | 3 | const Link = ({ active, children, onClick }) => { 4 | if (active) { 5 | return {children} 6 | } 7 | 8 | return ( 9 | { 11 | e.preventDefault() 12 | onClick() 13 | }} 14 | > 15 | {children} 16 | 17 | ) 18 | } 19 | 20 | Link.propTypes = { 21 | active: PropTypes.bool.isRequired, 22 | children: PropTypes.node.isRequired, 23 | onClick: PropTypes.func.isRequired 24 | } 25 | 26 | export default Link 27 | -------------------------------------------------------------------------------- /client/src/components/todo.jsx: -------------------------------------------------------------------------------- 1 | import React, { PropTypes } from 'react' 2 | 3 | const Todo = ({ onClick, deleteTodo, updateTodo, todo }) => ( 4 |
  • 5 | {todo.title} 10 | 11 | { 16 | e.preventDefault() 17 | todo.completed = !todo.completed 18 | updateTodo() 19 | }}>(complete) 20 | 21 | { 25 | e.preventDefault() 26 | deleteTodo() 27 | }}>(delete) 28 |
    • 29 | ) 30 | 31 | Todo.propTypes = { 32 | onClick: PropTypes.func.isRequired, 33 | deleteTodo: PropTypes.func.isRequired, 34 | updateTodo: PropTypes.func.isRequired, 35 | todo: PropTypes.object.isRequired 36 | } 37 | 38 | export default Todo 39 | -------------------------------------------------------------------------------- /client/src/components/todolist.jsx: -------------------------------------------------------------------------------- 1 | import React, { PropTypes } from 'react' 2 | import Todo from './todo.jsx' 3 | 4 | class TodoList extends React.Component { 5 | render() { 6 | const { todos, onTodoClick, deleteTodo, updateTodo } = this.props 7 | return ( 8 |
      9 | {todos.map(todo => 10 | onTodoClick(todo.id)} 14 | deleteTodo={() => deleteTodo(todo.id)} 15 | updateTodo={() => updateTodo(todo)} 16 | /> 17 | )} 18 |
    19 | ); 20 | } 21 | } 22 | 23 | TodoList.propTypes = { 24 | todos: PropTypes.arrayOf(PropTypes.shape({ 25 | id: PropTypes.number.isRequired, 26 | title: PropTypes.string.isRequired, 27 | completed: PropTypes.bool.isRequired 28 | }).isRequired).isRequired, 29 | onTodoClick: PropTypes.func.isRequired, 30 | deleteTodo: PropTypes.func.isRequired, 31 | updateTodo: PropTypes.func.isRequired 32 | } 33 | 34 | export default TodoList 35 | -------------------------------------------------------------------------------- /client/src/containers/addtodo.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { connect } from 'react-redux' 3 | import { addTodo } from '../actions/index.jsx' 4 | 5 | let AddTodo = ({ dispatch }) => { 6 | let input 7 | 8 | return ( 9 |
    10 |
    { 11 | e.preventDefault() 12 | if (!input.value.trim()) { 13 | return 14 | } 15 | dispatch(addTodo(input.value)) 16 | input.value = '' 17 | }}> 18 | { 19 | input = node 20 | }} /> 21 | 24 |
    25 |
    26 | ) 27 | } 28 | AddTodo = connect()(AddTodo) 29 | 30 | export default AddTodo 31 | -------------------------------------------------------------------------------- /client/src/containers/filterlink.jsx: -------------------------------------------------------------------------------- 1 | import { connect } from 'react-redux' 2 | import { setVisibilityFilter } from '../actions/index.jsx' 3 | import Link from '../components/link.jsx' 4 | 5 | const mapStateToProps = (state, ownProps) => { 6 | return { 7 | active: ownProps.filter === state.visibilityFilter 8 | } 9 | } 10 | 11 | const mapDispatchToProps = (dispatch, ownProps) => { 12 | return { 13 | onClick: () => { 14 | dispatch(setVisibilityFilter(ownProps.filter)) 15 | } 16 | } 17 | } 18 | 19 | const FilterLink = connect( 20 | mapStateToProps, 21 | mapDispatchToProps 22 | )(Link) 23 | 24 | export default FilterLink 25 | -------------------------------------------------------------------------------- /client/src/containers/visibletodolist.jsx: -------------------------------------------------------------------------------- 1 | import { connect } from 'react-redux' 2 | import { toggleTodo, deleteTodo, updateTodo } from '../actions/index.jsx' 3 | import TodoList from '../components/todolist.jsx' 4 | 5 | const getVisibleTodos = (todos, filter) => { 6 | switch (filter) { 7 | case 'SHOW_ALL': 8 | return todos 9 | case 'SHOW_COMPLETED': 10 | return todos.filter(t => t.completed) 11 | case 'SHOW_ACTIVE': 12 | return todos.filter(t => !t.completed) 13 | } 14 | } 15 | 16 | const mapStateToProps = (state) => { 17 | return { 18 | todos: getVisibleTodos(state.todos, state.visibilityFilter) 19 | } 20 | } 21 | 22 | const mapDispatchToProps = (dispatch) => { 23 | return { 24 | onTodoClick: (id) => { 25 | dispatch(toggleTodo(id)) 26 | }, 27 | deleteTodo: (id) => { 28 | dispatch(deleteTodo(id)) 29 | }, 30 | updateTodo: (todo) => { 31 | dispatch(updateTodo(todo)) 32 | } 33 | } 34 | } 35 | 36 | const VisibleTodoList = connect( 37 | mapStateToProps, 38 | mapDispatchToProps 39 | )(TodoList) 40 | 41 | export default VisibleTodoList 42 | -------------------------------------------------------------------------------- /client/src/index.jsx: -------------------------------------------------------------------------------- 1 | require("./stylesheets/main.less"); 2 | 3 | import React from 'react' 4 | import { render } from 'react-dom' 5 | import { Provider } from 'react-redux' 6 | import { createStore, compose, applyMiddleware } from 'redux' 7 | import todoApp from './reducers/index.jsx' 8 | import App from './components/app.jsx' 9 | import thunk from 'redux-thunk'; 10 | 11 | // allows us to return promises from actions 12 | let store = compose(applyMiddleware(thunk))(createStore)(todoApp) 13 | 14 | render( 15 | 16 | 17 | , 18 | document.getElementById('react-app') 19 | ) 20 | -------------------------------------------------------------------------------- /client/src/reducers/index.jsx: -------------------------------------------------------------------------------- 1 | import { combineReducers } from 'redux' 2 | import todos from './todos.jsx' 3 | import visibilityFilter from './visibilityFilter.jsx' 4 | 5 | const todoApp = combineReducers({ 6 | todos, 7 | visibilityFilter 8 | }) 9 | 10 | export default todoApp 11 | -------------------------------------------------------------------------------- /client/src/reducers/todos.jsx: -------------------------------------------------------------------------------- 1 | const todo = (state = {}, action) => { 2 | switch (action.type) { 3 | case 'ADD_TODO': 4 | return { 5 | id: action.id, 6 | title: action.text, 7 | completed: false 8 | } 9 | case 'TOGGLE_TODO': 10 | if (state.id !== action.todo.id) { 11 | return state 12 | } 13 | return Object.assign({}, state, { 14 | completed: !state.completed 15 | }) 16 | 17 | default: 18 | return state 19 | } 20 | } 21 | 22 | const todos = (state = [], action) => { 23 | switch (action.type) { 24 | case 'ADD_TODO': 25 | return [ 26 | ...state, 27 | todo(undefined, action) 28 | ] 29 | case 'TOGGLE_TODO': 30 | return state.map(t => 31 | todo(t, action) 32 | ) 33 | case 'RECEIVE_TODO': 34 | return [ 35 | ...state, 36 | action.todo 37 | ] 38 | case 'RECEIVE_TODOS': 39 | return action.todos 40 | case 'RECEIVE_DELETE_TODO': 41 | return state.filter(function(item) { 42 | return item.id != action.id 43 | }) 44 | case 'RECEIVE_UPDATE_TODO': 45 | var updated_array = 46 | state.filter(function(item) { 47 | if (item.id == action.todo.id) { 48 | item.completed = action.todo.completed 49 | } 50 | return true 51 | }) 52 | return updated_array 53 | default: 54 | return state 55 | } 56 | } 57 | 58 | export default todos 59 | -------------------------------------------------------------------------------- /client/src/reducers/visibilityFilter.jsx: -------------------------------------------------------------------------------- 1 | const visibilityFilter = (state = 'SHOW_ALL', action) => { 2 | switch (action.type) { 3 | case 'SET_VISIBILITY_FILTER': 4 | return action.filter 5 | default: 6 | return state 7 | } 8 | } 9 | 10 | export default visibilityFilter 11 | -------------------------------------------------------------------------------- /client/src/stylesheets/main.less: -------------------------------------------------------------------------------- 1 | html, body { 2 | background-color: lightpink; 3 | color: black; 4 | } 5 | 6 | body > div { 7 | max-width: 600px; 8 | margin: 0 auto; 9 | text-align: center; 10 | margin-top: 50px; 11 | } 12 | 13 | 14 | li { 15 | list-style-type: none; 16 | } 17 | 18 | ul { 19 | padding-left: 0px; 20 | } 21 | 22 | a { 23 | color: darkblue; 24 | } 25 | -------------------------------------------------------------------------------- /client/webpack.config.js: -------------------------------------------------------------------------------- 1 | var webpack = require('webpack'); 2 | var path = require('path'); 3 | var CopyWebpackPlugin = require('copy-webpack-plugin'); 4 | var CleanWebpackPlugin = require('clean-webpack-plugin'); 5 | 6 | var production = process.env.NODE_ENV === 'production'; 7 | 8 | var BUILD_DIR = path.resolve(path.dirname(__dirname), 'nginx/build'); 9 | var APP_DIR = path.resolve(__dirname, 'src'); 10 | 11 | var config = { 12 | /*entry: [ 13 | 'webpack-dev-server/client?http:0.0.0.0:9000', 14 | path.join(APP_DIR + '/index.jsx') 15 | ],*/ 16 | entry: path.join(APP_DIR + '/index.jsx'), 17 | output: { 18 | path: BUILD_DIR, 19 | filename: 'bundle.js' 20 | }, 21 | contentBase: 'build/', 22 | publicPath: "/", 23 | plugins: [ 24 | new CopyWebpackPlugin([ 25 | {from: './index.html'} 26 | ]), 27 | new CleanWebpackPlugin([ 28 | BUILD_DIR, 29 | ]) 30 | ], 31 | target: "web", 32 | module: { 33 | loaders: [ 34 | { 35 | test: /\jsx?/, 36 | include: APP_DIR, 37 | loader: 'babel', 38 | query: { 39 | presets: ['react', 'es2015'] 40 | } 41 | }, 42 | { 43 | test: /\less$/, 44 | loader: "style!css!less" 45 | } 46 | ] 47 | }, 48 | devtool: production? false : "source-map", 49 | debug: !production, 50 | devServer: { 51 | proxy: { 52 | '/api/**': { 53 | // take advantage of docker-compose linking containers - server is accessible with hostname server 54 | target: 'http://server:3000', 55 | secure: false 56 | } 57 | }, 58 | host: '0.0.0.0', 59 | port: '3000', 60 | watchOptions: { 61 | poll: true 62 | } 63 | } 64 | }; 65 | 66 | module.exports = config; 67 | -------------------------------------------------------------------------------- /docker-compose.prod.yml: -------------------------------------------------------------------------------- 1 | version: '2' 2 | services: 3 | postgres: 4 | image: postgres 5 | environment: 6 | - POSTGRES_PASSWORD=postgres 7 | 8 | server: 9 | build: ./server 10 | command: ./main 11 | depends_on: 12 | - "postgres" 13 | environment: 14 | - POSTGRES_PASSWORD=postgres 15 | 16 | nginx: 17 | build: ./nginx 18 | ports: 19 | - "8002:80" 20 | -------------------------------------------------------------------------------- /docker-compose.yml: -------------------------------------------------------------------------------- 1 | version: '2' 2 | services: 3 | postgres: 4 | image: postgres 5 | environment: 6 | - POSTGRES_PASSWORD=postgres 7 | server: 8 | build: ./server 9 | command: gin 10 | volumes: 11 | - ./server:/go/src/app 12 | ports: 13 | - "8080:3000" 14 | environment: 15 | - POSTGRES_PASSWORD=postgres 16 | client: 17 | build: ./client 18 | command: npm start 19 | volumes: 20 | - ./client:/usr/src/app 21 | # mount node_modules as a workaround for it disappearing 22 | # after adding /client as a mounted folder 23 | - /usr/src/app/node_modules 24 | ports: 25 | - "9000:3000" 26 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
    7 | 8 | 9 | -------------------------------------------------------------------------------- /nginx/Dockerfile: -------------------------------------------------------------------------------- 1 | # Set nginx base image 2 | FROM nginx 3 | 4 | ADD build /home/go-react-todo/go-react-todo/client/build/ 5 | 6 | # Copy custom configuration file from the current directory 7 | COPY nginx.conf /etc/nginx/nginx.conf 8 | -------------------------------------------------------------------------------- /nginx/build/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
    7 | 8 | 9 | -------------------------------------------------------------------------------- /nginx/nginx.conf: -------------------------------------------------------------------------------- 1 | events { worker_connections 1024; } 2 | 3 | 4 | http { 5 | server { 6 | listen 80; 7 | server_name go-react-todo.trina.si; 8 | root /home/go-react-todo/go-react-todo/client/build; 9 | location / { 10 | try_files $uri $uri/ /index.html; 11 | } 12 | location /api { 13 | proxy_set_header X-Real-IP $remote_addr; 14 | proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 15 | proxy_set_header Host $http_host; 16 | proxy_set_header X-NginX-Proxy true; 17 | proxy_set_header Upgrade $http_upgrade; 18 | proxy_set_header Connection "upgrade"; 19 | proxy_pass http://server:3001/api; 20 | proxy_redirect off; 21 | } 22 | } 23 | 24 | } 25 | -------------------------------------------------------------------------------- /server/Dockerfile: -------------------------------------------------------------------------------- 1 | FROM golang:1.6-onbuild 2 | RUN go get gopkg.in/gorp.v1 3 | RUN go get github.com/codegangsta/gin 4 | RUN go get github.com/lib/pq 5 | RUN go get github.com/gin-gonic/gin 6 | RUN go build main.go structs.go 7 | ENV PORT 8080 8 | -------------------------------------------------------------------------------- /server/main.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import ( 4 | "database/sql" 5 | "fmt" 6 | "log" 7 | "net/http" 8 | "os" 9 | 10 | "github.com/gin-gonic/gin" 11 | _ "github.com/lib/pq" 12 | "gopkg.in/gorp.v1" 13 | ) 14 | 15 | var dbmap = initDb() 16 | 17 | func getTodos(c *gin.Context) { 18 | // fetch all rows 19 | var todos []Todo 20 | var err error 21 | _, err = dbmap.Select(&todos, "select * from todos order by id") 22 | checkErr(err, "Select failed") 23 | c.JSON(http.StatusOK, todos) 24 | } 25 | 26 | func getTodo(c *gin.Context) { 27 | // fetch one row 28 | id := c.Params.ByName("id") 29 | var todo Todo 30 | var err error 31 | err = dbmap.SelectOne(&todo, "select * from todos where id = $1", id) 32 | 33 | if err == nil { 34 | c.JSON(http.StatusOK, todo) 35 | return 36 | } 37 | 38 | c.JSON(http.StatusNotFound, nil) 39 | } 40 | 41 | func createTodo(c *gin.Context) { 42 | var todo Todo 43 | // check for errors 44 | if c.BindJSON(&todo) == nil { 45 | t := newTodo(todo.Title) 46 | var err = dbmap.Insert(&t) 47 | checkErr(err, "Insert failed") 48 | c.JSON(http.StatusCreated, t) 49 | } 50 | } 51 | 52 | func updateTodo(c *gin.Context) { 53 | id := c.Params.ByName("id") 54 | log.Println(id) 55 | var todo Todo 56 | var err error 57 | err = dbmap.SelectOne(&todo, "select * from todos where id = $1", id) 58 | 59 | if err == nil && c.BindJSON(&todo) == nil { 60 | dbmap.Update(&todo) 61 | c.JSON(http.StatusOK, todo) 62 | return 63 | } 64 | 65 | c.JSON(http.StatusNotFound, nil) 66 | checkErr(err, "Select failed") 67 | } 68 | 69 | func deleteTodo(c *gin.Context) { 70 | id := c.Params.ByName("id") 71 | 72 | // delete row by PK 73 | var todo Todo 74 | var err error 75 | var count int64 76 | err = dbmap.SelectOne(&todo, "select * from todos where id = $1", id) 77 | count, err = dbmap.Delete(&todo) 78 | log.Println(count) 79 | if count == 1 { 80 | log.Println("Rows deleted:", count) 81 | c.JSON(http.StatusOK, todo) 82 | return 83 | } 84 | 85 | c.JSON(http.StatusNotFound, nil) 86 | checkErr(err, "Delete failed") 87 | } 88 | 89 | func main() { 90 | //defer db.Close() 91 | log.Println("Main running") 92 | r := gin.Default() 93 | 94 | v1 := r.Group("/api/v1") 95 | { 96 | todos := v1.Group("/todos") 97 | { 98 | todos.GET("/", getTodos) 99 | todos.POST("/", createTodo) 100 | todos.PUT("/:id", updateTodo) 101 | todos.DELETE("/:id", deleteTodo) 102 | todos.GET("/:id", getTodo) 103 | } 104 | } 105 | r.Run(":3001") 106 | } 107 | 108 | func initDb() *gorp.DbMap { 109 | dbinfo := fmt.Sprintf("user=%s password=%s host=%s port=%s dbname=%s sslmode=disable", 110 | "postgres", 111 | os.Getenv("POSTGRES_PASSWORD"), 112 | "postgres", 113 | "5432", 114 | "postgres", 115 | ) 116 | 117 | db, err := sql.Open("postgres", dbinfo) 118 | checkErr(err, "sql.Open failed") 119 | 120 | // construct a gorp DbMap 121 | dbmap := &gorp.DbMap{Db: db, Dialect: gorp.PostgresDialect{}} 122 | 123 | // add a table, setting the table name to 'posts' and 124 | // specifying that the Id property is an auto incrementing PK 125 | dbmap.AddTableWithName(Todo{}, "todos").SetKeys(true, "id") 126 | 127 | // create the table. in a production system you'd generally 128 | // use a migration tool, or create the tables via scripts 129 | err = dbmap.CreateTablesIfNotExists() 130 | checkErr(err, "Create tables failed") 131 | 132 | return dbmap 133 | } 134 | 135 | func checkErr(err error, msg string) { 136 | if err != nil { 137 | log.Fatalln(msg, err) 138 | } 139 | } 140 | -------------------------------------------------------------------------------- /server/structs.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | import ( 4 | "time" 5 | ) 6 | 7 | // Todo "Object" 8 | type Todo struct { 9 | ID int `db:"id" json:"id"` 10 | Title string `db:"title" json:"title" binding:"required"` 11 | CreatedAt int64 `db:"created_at" json:"created_at"` 12 | Completed bool `db:"completed" json:"completed"` 13 | } 14 | 15 | func newTodo(title string) Todo { 16 | return Todo{ 17 | CreatedAt: time.Now().UnixNano(), 18 | Title: title, 19 | Completed: false, 20 | } 21 | } 22 | --------------------------------------------------------------------------------