Giter VIP home page Giter VIP logo

anewman15 / to-dos-app Goto Github PK

View Code? Open in Web Editor NEW
9.0 1.0 0.0 490 KB

This is a dynamically generated Todos App using JS and Webpack. It allows the user to create and delete projects and todos. Todos can be edited afterwards. Each project shows the todos contained in it and individual todos are listed with their title, due date, time left before deadline, priority and description. Forms are presented in Bootstrap modals.

JavaScript 99.85% SCSS 0.15%
javacript es6 webpack date-fns babel7 jest

to-dos-app's Introduction

Todos App

This is a dynamically generated Todos App using JS and Webpack. It allows the user to create and delete projects and todos. Todos can be edited afterwards. Each project shows the todos contained in it and individual todos are listed with their title, due date, time left before deadline, priority and description. Forms are presented in Bootstrap modals.

Undeleted projects and todos are persisted using the browser's localStorage, when you open the app in the same browser, all your projects and todos remain available indefinitely.

App Screenshot

Built with

  • Vanilla JavaScript/ES6
  • Webpack
  • date-fns
  • HTML
  • Bootstrap

Live version

Available here

Deployment

  1. Open your Terminal from a folder of your choice and clone this repo
  2. Navigate to the project directory
  3. Run npm install
  4. Then run npm run start
  5. Open http://localhost:8080/dist/index.html in your browser and navigate around the site.
  6. Create Projects and Todos, edit them and delete them

Testing

  1. Run npm run test or npm run test unit in the Terminal to run the tests

Author

๐Ÿ‘ค Abdullah Numan

Contributing

Contributions, issues and feature requests are welcome! Please send your feedback here

Show your support

Give a โญ๏ธ if you like this project!

to-dos-app's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

to-dos-app's Issues

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.