A simple to-do-list webpage

Overview

TO-DO-LIST

A simple to-do-list webpage

Contribution

  • Do your work
  • After your work kindly add a screen shot of that
  • Then do a Pull Request
  • We will merge if we find it helpful

How to Contribute

  • Take a look at the Existing [Issues] or create your own!
  • Fork the Repo and create a Branch for any Issue that you are working upon.
  • Create a Pull Request which will be promptly reviewed and suggestions would be added to improve it.
  • Add Screenshots to help us know what this is all about.

How to make a Pull Request

1. Fork the repository by clicking on the Fork symbol at the top right corner.

2. Clone the forked repository.

   git clone https://github.com/YOUR_USERNAME/TO-DO-LIST.git

3. Navigate to the project directory.

   cd TO-DO-LIST

4. Create a new branch:

   git checkout -b YourBranchName

5. Make changes in source code.

6. Add your details to contributors.json file in the below format:

{
    "github-username": "YOUR-GITHUB-USERNAME",
    "favourite-emoji": "YOUR-FAVOURITE-EMOJI",
    "favourite-color": "YOUR-FAVOURITE-COLOR"
}

7. Stage your changes and commit

   git add .
   git commit -m "<your_commit_message>"

8. Push your local commits to the remote repo.

   git push origin YourBranchName

9. Create a PR

Note If anyone contributes to this repository, then the changes will not be reflected in your local repository. For that:

10. Setup a reference(remote) to the original repository to get all the changes from the remote.

   git remote add upstream https://github.com/Soumyajit2825/TO-DO-LIST.git

11. Check the remotes for this repository.

   git remote -v

12. Fetching from the remote repository will bring in its branches and their respective commits.

   git fetch upstream

13. Make sure that you're on your master branch.

   git checkout master

14. Now that we have fetched the upstream repository, we want to merge its changes into our local branch. This will bring that branch into sync with the upstream, without losing our local changes.

   git merge upstream/master

Here are a few things you can do that will increase the likelihood of your pull request being accepted:

  • Follow the style guide. Any linting errors should be shown when running npm test.
  • Write and update tests.
  • Keep your changes as focused as possible. If there are multiple changes you would like to make that are not dependent upon each other, consider submitting them as separate pull requests.
  • Write a good commit message.

Work in Progress pull requests are also welcome to get feedback early on, or if there is something blocking you from working further.

Contributors

Thanks goes to these wonderful people 💜


Soumyajit Mondal

🚧

Pankaj Semwal

💻 📖

Vilas Hegde

💻

Urmila Choudhary

💻

Jonnadula Chaitanya

💻

Wesley

💻

Resources

Please make sure to update tests as appropriate.

License

MIT

Website Link

Click Here To See The TO-DO-LIST Website

Comments
  • BUG FIX*

    BUG FIX*

    Screenshot 2022-10-10 173028

    • [x] On the left mark the editing "text" is not showing properly fix that!
    • [x] On the left mark see the edit and delete icons are not alligned properly at the time of editing make them fixed
    • [x] Change the edit and delete icon make them some more stylish
    • [x] Put a screen-shot or s short video of your changes before doing the PR or at the time of PR
    bug enhancement help wanted good first issue hacktoberfest hacktoberfest-accepted beginner-friendly assigned 
    opened by Soumyajit2825 19
  • Upgrading button

    Upgrading button

    • [x] Add hover effect in the buttons
    • [x] Do some more attractive styles with the buttons

    After your work give a screenshot of your work and then make the PR

    enhancement help wanted good first issue hacktoberfest hacktoberfest-accepted 
    opened by Soumyajit2825 8
  • Add Website Link in About

    Add Website Link in About

    Hey Can You add website link https://soumyajit2825.github.io/TO-DO-LIST/to_do.html to About where you have written a simple to-do-list webpage. So that Any One Simply can checkout website and Contribute Easily

    opened by pnkjxmwl 6
  • Refactoring of the dark theme system

    Refactoring of the dark theme system

    The dark theme system code is not well written.

    • It's directly changing the colors of the presented elements in the DOM using JavaScript by selecting each element using querySelector on the theme toggle.
    • The theme color is not persistent

    My approach would be

    • We will just toggle one class of body element.
    • CSS will handle the text and background color of DOM elements.

    I would like to work on this.

    enhancement hacktoberfest hacktoberfest-accepted 
    opened by g1mishra 4
  • bug *

    bug *

    Screenshot 2022-10-10 185432 On adding a huge number of items in the list the toggle theme button is dissapeared So if anyone add a scroll button in the to-do list to make the list size fixed in the page it will be very useful

    bug hacktoberfest hacktoberfest-accepted 
    opened by Soumyajit2825 3
  • Improving User Interface

    Improving User Interface

    Hy, i would like to contribute to your repository by improving the user Interface. If you want to improve UI kindly assign this task to me @Soumyajit2825 Thank You

    opened by pnkjxmwl 3
  • Add a Todo and Complete Count

    Add a Todo and Complete Count

    Add a Todo Count and Completed Count for a person to better understand how many todos that he/she have to work on and how much is completed. The Count should be displayed in round brackets next to TODO and Completed Headers respectively

    hacktoberfest hacktoberfest-accepted 
    opened by AhmedAli125 2
  • Editing To Do List Allows Blank Value

    Editing To Do List Allows Blank Value

    On Editing a List Item added currently we allow the list item to blank although we show validation that todo list item cant be blank when we add new list item

    Would like to add validation for Edit field as well

    Also currently when we show a validation message Please enter a todo we use the Alert modal would like to replace it with toaster message on the UI. Let me know your thoughts for a different UI if required for toaster message

    Issue Screencast: https://www.loom.com/share/37423b2420fa43b3ac51e95fc4038d6b

    bug hacktoberfest hacktoberfest-accepted 
    opened by darshanshah1996 2
  • Add check if updated value for edit todo item is blank and display ap…

    Add check if updated value for edit todo item is blank and display ap…

    Hi @Soumyajit2825

    Have made the suggested change to display validation when edit field is blank.

    Can you review the PR

    Issue Link: - https://github.com/Soumyajit2825/TO-DO-LIST/issues/51

    Screencast for changes https://www.loom.com/share/ff23c0d4dd2c480a8388e1e49da7826f

    hacktoberfest hacktoberfest-accepted 
    opened by darshanshah1996 1
Owner
Soumyajit Mondal
~~ HEY!!! I am Soumyajit Mondal. Currently studying in Computer Science And Business System (CSBS) at Academy of Technology ~~
Soumyajit Mondal
This is a simple Image popup Jquery plugin. With a very simple configuration, you can show a popup on your webpage. By the way, this plugin works after page load.

Jquery-SingleImagePopup This is a simple Image popup Jquery plugin. With a very simple configuration, you can show a popup on your webpage. By the way

Rajan Karmaker 1 Aug 22, 2022
Webpage for a leaderboard list app that uses the Leaderboard api to store the highscores for a game

Leaderboard This Webpage is for a leaderboard list app that uses the Leaderboard api to store the highscores for a game. This is one of my first exper

Zeeshan Haider 7 Mar 12, 2022
This project is an Awesome Books web page where users can add or remove books from the site. It also displays a list of the books added to the collection. This Awesome books webpage was created using ES6.

Awesome books App using Module Awesome books App using Module This book list was built using modules and other ES6 syntax. It allows users to add/remo

Esther Udondian 6 Jul 25, 2022
A crawler that extracts data from a dynamic webpage. Written in node js.

??️ Gumo "Gumo" (蜘蛛) is Japanese for "spider". Overview ?? A web-crawler (get it?) and scraper that extracts data from a family of nested dynamic webp

Nuthalapai Venkata Krishna Chaitanya 22 Sep 13, 2022
This React-Based WebPage allows the client/user system to create their own blog, where users can publish their own opinions.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Gauri Bhand 4 Jul 28, 2022
A chrome / firefox extension to draw on any webpage with tldraw

tldrawe A chrome / firefox extension to draw on any webpage with tldraw. Development From the root folder: Run yarn to install dependencies. Run yarn

Nimesh Nayaju 54 Jan 6, 2023
In this project we made a Tv shows webpage where you can like or comment the different shows.

JS Capstone Project In this project we made a Tv shows webpage where you can like or comment the differents shows. Built With HTML CSS JavaScript Lint

Lucas Bonnefon 4 Mar 16, 2022
Source code for the #30DayChartChallenge webpage

Call me Sam: a theme for Hugo Sam is a Simple and Minimalist theme for Hugo. It lets you categorize and showcase your content the way you want to. Foc

#30DayChartChallenge 3 Apr 18, 2022
Convert any webpage into bionified text!

Bionify - Read Faster! LEGAL NOTICE: To the wonderful folks at Bionic Reading®, this is not a pirated version of your Bionic Reading® API, but rather

Vincent 96 Dec 8, 2022
Personal Webpage / Homepage application

Solace Prototype Design for Webpage Description Solace is a personal project by me, for me. That aims to replace Tabliss as my new page / home page pr

Michael Petersen 4 Sep 18, 2022
Detect webpage updates and notify user to reload. support vite and umijs

English | 简体中文 plugin-web-update-notification Detect webpage updates and notify user to reload. support vite and umijs. Take the git commit hash as th

Utopia 57 Dec 26, 2022
A webpage where the user can search for different TV shows, comment them and like them.

TV Shows In this project we built a webpage where the user can search for different TV shows, comment them and like them. Video Built With Major langu

Giuseppe Tomasini 6 Jul 9, 2022
Explore a webpage effortless.

Page Explorer A browser extension to explore webpages with ease. Available on Firefox now! https://addons.mozilla.org/en-US/firefox/addon/page-explore

null 51 Jul 6, 2022
This tool is studied to help ethical hackers to find vulnerable points in webpage's javascript

JavaScream This tool is studied to help ethical hackers to find vulnerable points in webpage's javascript. HOW TO INSTALL (FIREFOX) 1- clone the proje

Davide Cavallini 8 Aug 11, 2022
This tool is studied to help ethical hackers to find vulnerable points in webpage's javascript

JavaScream This tool is studied to help ethical hackers to find vulnerable points in webpage's javascript. HOW TO INSTALL (FIREFOX) 1- clone the proje

Davide Cavallini 7 Aug 3, 2022
This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list. it is built with the latest technology namely; JavaScript with webpack Configuration.

To-do-list "To-do-list" is a simple web application that displays a list of task and allows you to add and remove task from that list. Built With HTML

Aniekan udo 10 Nov 21, 2022
This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list

This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list. it is built with the latest technology including but not limited to HTML, CSS, JavaScript and webpack to manipulate DOM.

Jerry Owusu 2 Feb 19, 2022
TODO List is a simple website that displays a list of todo and allows you to add and remove todo from that list.

Todo TODO List is a simple website that displays a list of todo and allows you to add and remove todo from that list. App Screenshot Live Demo Todo Ap

Ishmael Kargbo 3 May 12, 2022
In this project, I built a simple HTML list of To Do tasks. The list is styled according to the specifications listed later in this lesson. This simple web page is built using webpack and served by a webpack dev server.

Awesome books:JavaScript Using Modules In this project, I built a simple HTML list of To Do tasks. The list is styled according to the specifications

 Hassan Momanyi 10 Nov 25, 2022