Code Monkey home page Code Monkey logo

task-to-do-app's Introduction

logo

To do App



logo

๐Ÿ“— Table of Contents

๐Ÿ“– Task-To-do

This Project for individual purpose and it organize someone's task to do

Task-To-do is just a javascript based simple project This is website for tracking your daily task completed or not , you can add ,delete edit and mark complete you tasks once you have finished all you can delete completed by clicking a single button

๐Ÿงช Linters And Deployment

Linters pages-build-deployment

๐Ÿ›  Built With

Tech Stack

In this project I used many skills, tech and libraries

Documentation
Styling
Dynamics And Logics

Key Features

  • add your todays tasks
  • Checked the completed tasks
  • Edit and Delete Task
  • Delete The Completed one

(back to top)

๐Ÿš€ Live Demo

This link will guide you to my project

(back to top)

๐Ÿ’ป Getting Started

For having local file and project you can fork this repo or clone it using git clone https://github.com/PowerLevel9000/Task-to-do-app.git And for making changes you you should follow prerequisites

Prerequisites

In order to edit this project you need:

  • Any text editor such as note pad and word pad
  • A web browser
  • Node js installed
  • An IDE

Suggested IDE

  • Visual studio code I prefer this one ๐Ÿ™ƒ๐Ÿ™ƒ
  • Atom
  • Sublime
  • IntelliJ IDEA
  • Visual code

Setup

Clone this repository to your desired folder:

  • Open your terminal there (bash cmd powershell run etc...) and run npm i to install node modules

  • npm run dev or npm run start this will open project in browser

  • If you to edit something edit in src dir and then run in terminal npm run build to build it for production

  • Before deployment have some linter check

    • npx stylelint "**/*.{css,scss}" for css and saas file
    • npx eslint . for js files
    • npx hint . for html files
  • After fixing error build deploy for production

Install

npm i 

Usage

  • For displaying task today
  • Delete, Edit task

Run tests

  • Currently, this Project don't have any Unit test
  • You can do manual checking
    • Score added properly
    • Form validation for score and scorer work properly

Deployment

You can deploy this project using:

  • For this repo and use git hub pages to deploy it

(back to top)

๐Ÿ‘ฅ Authors

๐Ÿ‘ค Adarsh Pathak

๐Ÿ”ญ Future Features

  • Add navigation bar
  • improve functionality
  • improve styling

(back to top)

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

โญ๏ธ Show your support

If you like my Project give it a Star โœจ๐ŸŒŸ

(back to top)

๐Ÿ™ Acknowledgments

I want to thank microverse for giving this opportunity to show up my skills

(back to top)

๐Ÿ“ License

This project is MIT licensed.

(back to top)

task-to-do-app's People

Contributors

djo1975 avatar powerlevel9000 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

task-to-do-app's Issues

Peer to Peer code review

The code is nice and clean But I think it would be better if you remove unnecessary empty lines in the code. ๐Ÿ˜„
The refresh button is not working. Add Task button is adding empty tasks. UI looks great.๐Ÿ‘๐Ÿ‘

dry, kiss, yagni

some yagni issues

  • in index.js on line 100
const refresh = document.querySelector('.fa-rotate');
refresh.addEventListener('click', () => {
  window.location.reload();
});

  • in status.js on line 4 'c' wtf is c?
const clear = () => {
  const filteredBase = dataBase.filter((toClear) => toClear.check === false);
  localStorage.setItem('dataBase', JSON.stringify(filteredBase));
  window.location.reload();
};

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.