Giter VIP home page Giter VIP logo

todo-list-express's Introduction

Description

A full stack web application that supports local account creation. Each registered user may post & store their own individual to-do tasks that describe the task, due date, & priority. Tasks may be marked as uncomplete, completed or deleted entirely. This web application is completely responsive across all device viewports.

The project is deployed here: https://salty-castle-61426.herokuapp.com/

Demo

demo

Features

  • MVC Architecture
  • Local account creation using passport-local strategies
  • Individual posts with additional fields describing the task.
  • Accounts & Posts are stored into a database (long-term memory).
  • Completely responsive across all viewports.

Lessons learned

I have built many iterations of the to-do list. This project is my most advanced form of the to-do list.

I had FUN building this project because I took two different approaches: I have always built responsive web pages-- this time I tried the mobile-first approach AND IT IS SO MUCH EASIER & I SHOULD HAVE BEEN BUILDING THIS WAY FROM THE BEGINNING. THIS WOULD HAVE SAVED ME SO MUCH TIME. WHY DID I WAIT SO LONG?!? I used the Materialize-CSS framework to style my pages, and just going through the documentation & trying EVERYTHING made me eager to build. I wanted to use everything and I can't wait until my next project to test even more components!!

Technologies

HTML5CSS3JavaScriptNodeJSMongoDBExpressJS MaterializeCSS MongooseJS Git

Optimizations

  • Multiple .completed classes invoke both markComplete & markIncomplete functions. Both functions send PUT requests.
  • Edit button.
  • Sorting (by priority) functionality.
  • Add Passport-Google-OAuth-20 to support gmail/google account creation/login.

OLD PROJECT README BELOW

Description

A full stack web application that posts & stores to-do tasks. You may mark a task as completed, delete a task entirely, or mark completed tasks as uncomplete.

The (UPDATED) project is deployed here: https://salty-castle-61426.herokuapp.com/

Demo

demo

Features

  • Executes POST, GET, PUT, and DELETE operations.
  • Displays variable data using (EJS) Embedded JavaScript.

Technologies

HTML5CSS3JavaScriptNodeJSMongoDBGit

Optimizations

  • I want to add be able to edit task text.

todo-list-express's People

Contributors

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