GithubHelp home page GithubHelp logo

todo-list's Introduction

Todo List App

react node

Application can be found at todo.camway.ca

GIF demo

Behind the scenes

This application is using a frontend built in React, which is using Javascript's fetch API to query my Express REST API. Both of these are hosted on Heroku (which is why the application may have taken a while to load for you). The API is then querys the Postgres database which is hosted using AWS's RDS.

Motivation

Like all other Todo App's, this application was used to learn the basics of full stack development. I have learned a lot while developing this application. If you would like to see more of my work or see what else I have taken on since this project, see camway.ca

Side Note

Yes, I am aware you can see the content of anyone that has used this application in the past. Could this application have been built using the browsers local storage instead of a full backend? Probably. Instead, I used this application to learn how to connect the frontend to the backend using a REST API. In the meantime, please do not put anything on this app that you do not want others to see. :)

What's Next

I am not done with this side project, I will likely use it to learn other sides of full stack development such as testing using Jest. Another feature I hope to add is implementing user auth, which will allow me to seperate user's content. Lastly, some refactoring is in order. Specifically, the routes need seperating, and the newly added lists feature could use some cleaning up.

todo-list's People

Contributors

cway14 avatar

Watchers

 avatar  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.