Skip to content

To Do list: interactive list #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
evans22j wants to merge 12 commits into
base: main
Choose a base branch
from
Open

To Do list: interactive list #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
fb84a1c
add information
evans22j Apr 1, 2022
7a54260
remove comments on storage.js
evans22j Apr 1, 2022
60c3226
remove comments on style.css
evans22j Apr 1, 2022
9432cfd
update readme and styles.css
evans22j Apr 1, 2022
ff7a08e
add information index.js
evans22j Apr 1, 2022
c4ed33b
add information
evans22j Apr 2, 2022
0150b5b
made changes on stlye.css
evans22j Apr 2, 2022
335e855
resolved linter errors
evans22j Apr 2, 2022
2d335f4
add screenshort on readme
evans22j Apr 2, 2022
a79f6ed
changes on readme file
evans22j Apr 2, 2022
64256b1
made changes on readme file
evans22j Apr 2, 2022
04aa02c
made changes on readme file
evans22j Apr 2, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Empty file modified .eslintrc.json
100644 → 100755
View file
Open in desktop
Empty file.
Empty file modified .github/workflows/linters.yml
100644 → 100755
View file
Open in desktop
Empty file.
Empty file modified .gitignore
100644 → 100755
View file
Open in desktop
Empty file.
Empty file modified .hintrc
100644 → 100755
View file
Open in desktop
Empty file.
Empty file modified .stylelintrc.json
100644 → 100755
View file
Open in desktop
Empty file.
5 changes: 3 additions & 2 deletions .vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
{
"git.ignoreLimitWarning": true
}
"liveServer.settings.port": 5502,
"livePreview.defaultPreviewPath": "/src/index.html"
}
50 changes: 24 additions & 26 deletions README.md
100644 → 100755
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,21 +2,21 @@

# To Do List


## Description

"A To-Do-List app designed to help users organise their daily activities. it simply creates a list of things you want to do and allows you to mark them as complete.

"To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete.

- Page view:

- This is the page view:
> | To Do List |
> | -------------------------------- |
> | ![Screenshot1](./add-remove.png) |

> | To Do List |
> |-------------------|
> | ![Screenshot1](https://user-images.githubusercontent.com/79058364/134364133-16b1160b-8975-4820-a3d7-ebe8acd72db0.png)|

## Live Demo
[Click Here to view live version](https://lambent-hamster-121a58.netlify.app/)

> Learning objectives:
> Learning objectives:

- Use webpack to bundle JavaScript.
- Learn how to use proper ES6 syntax.
Expand All @@ -29,51 +29,51 @@
- Java Script
- Webpack


## Getting Started

To get the content of this project locally you need to run this command in your terminal:

- `https://github.com/evans22j/MY-TO-DO-LIST.git`

- `https://github.com/evans22j/TO-DO-LIST.git`

### Setup

- To clone the repository run this command `https://github.com/evans22j/MY-TO-DO-LIST.git`
- To clone the repository run this command `https://github.com/evans22j/TO-DO-LIST.git`

## Test

For tracking linter errors locally you need to follow these steps:

- After cloning the project you need to run this command

> npm install
`This command will download all the dependencies of the project`
> `This command will download all the dependencies of the project`

- For tracking the linter errors in HTML file run:

> npx hint .

- For tracking the linter errors in CSS file run:
> npx stylelint "**/*.{css,scss}"

> npx stylelint "\*_/_.{css,scss}"

- And For tracking the linter errors in JavaScript file run:
> npx eslint .

> npx eslint .

- Use `npm run build` to run the app in live server

- Install `npm install --save-dev webpack-dev-server` to have the ability to use live reloading.

- Then Run from the command line `npm start` to will see the browser automatically loading up our page.

- Then Run from the command line `npm start` to will see the browser automatically loading up our page.

## Getting Started

To get a local copy up and running follow these simple example steps.

1. Clone the Repo or Download the Zip file and Extract by clicking here [GitHub Repo]{https://github.com/evans22j/MY-TO-DO-LIST.git}
1. Clone the Repo or Download the Zip file and Extract by clicking here [GitHub Repo]{https://github.com/evans22j/TO-DO-LIST.git}
2. mkdir the folder of your choice
3. cd the folder
4. git clone

3. cd the folder
4. git clone

## Author

Expand All @@ -83,8 +83,6 @@ To get a local copy up and running follow these simple example steps.
- Twitter: [@Evans_22J](https://twitter.com/Evans_22J)
- LinkedIn: [Evans Sitibekiso](https://www.linkedin.com/in/evans-sitibekiso-a85753202/)



## 🤝 Contributing

Contributions, issues, and feature requests are welcome!
Expand All @@ -95,6 +93,6 @@ Feel free to check the [issues page](../../issues/).

Give a ⭐️ if you like this project!


## Acknowledgments
- Huge thanks to my coding partners

- Huge thanks to my coding partners
Binary file added add-remove.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
71 changes: 29 additions & 42 deletions dist/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,43 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>To Do List</title>
<link
rel="stylesheet"
href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p"
crossorigin="anonymous"
/>
<script defer src="main.js"></script></head>

<body>
<section class="main-container">
<div class="header d-flex flex-center">
<span class="header-title">Today's To Do</span>
<span><i class="fas fa-sync-alt"></i></span>
</div>

<form id="form" class="d-flex">
<div class="d-flex flex-center">
<input id="add-book" type="text" placeholder="Add to your list" />
<button type="submit" class="">
<i class="fa fa-level-down-alt"></i>
</button>
</div>
</form>

<ul class="tasks-list"></ul>

<div class="clear-btn">
<button type="button" class="clear-completed-btn">
Clear all completed
</button>
</div>
</section>

<script src="index.js"></script>
</body>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>To Do list</title>
<script src="https://kit.fontawesome.com/9c25278351.js" crossorigin="anonymous"></script>
<script defer src="index.bundle.js"></script><script defer src="print.bundle.js"></script><script defer src="main.js"></script></head>
<body>
<section>
<div class="container">
<header>
<h1>To Do Lists</h1>
</header>
<div class="todolist-container">
<h2>Today's To Do<i class="fas fa-sync icon1"></i></h2>
<form id="taskForm" action="POST" class="input-icon">
<input class="todo-input" type="text" name="New Task" id="newTask" placeholder="Add to your list..." required>
<button id="taskSubmit" type="submit"><i class="fas fa-plus-square icon"></i></button>
</form>
<ul class="todo-list"></ul>
<div class="clear-container">
<button class="clearer" type="button">Clear all completed</button>
</div>
</div>
</div>
</section>
</body>
</html>
Loading