Skip to content

Commit a5119f7

Browse files
aetherfaye1009aetherfaye1009
authored
Merge branch 'main' into dev
Signed-off-by: aetherfaye1009 <[email protected]>
2 parents 5bbe43c + 9de432e commit a5119f7

9 files changed

+371
-50
lines changed

‎LICENSE

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2024 Ansh Grover
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎README.md

+2
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ A simple and interactive To-Do List application built with HTML, CSS, and JavaSc
1111
- Delete tasks
1212
- Set a date for each task
1313
- Responsive design
14+
- Time feature
1415

1516
## Installation
1617

@@ -25,6 +26,7 @@ Open `index.html` in your browser to use the application.
2526
## Usage
2627

2728
- **Add a Task:** Enter a task in the input field and click the "Add" button.
29+
- **Task Adding Limitation:** User can not add todo without given full details
2830
- **Edit a Task:** Click the edit icon next to the task, make your changes, and save.
2931
- **Delete a Task:** Click the delete icon next to the task.
3032

‎Todo.html

+109
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,109 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Todo-List</title>
7+
<link rel="stylesheet" href="style.css" />
8+
<link
9+
rel="stylesheet"
10+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
11+
integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
12+
crossorigin="anonymous"
13+
referrerpolicy="no-referrer"
14+
/>
15+
<link
16+
rel="stylesheet"
17+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
18+
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
19+
crossorigin="anonymous"
20+
referrerpolicy="no-referrer"
21+
/>
22+
</head>
23+
<body>
24+
<div class="container">
25+
<h1 class="subtitle">Todo-List</h1>
26+
27+
<div class="js-add-grid" id="add-todo">
28+
<input
29+
type="text"
30+
placeholder="Share Your Thoughts"
31+
class="js-name-input"
32+
/>
33+
34+
<input type="date" class="js-date-input" min="" />
35+
<input type="time" class="js-time-input" />
36+
<select class="js-category-input">
37+
<option value="">Select Category</option>
38+
<option value="work">Work</option>
39+
<option value="personal">Personal</option>
40+
<option value="shopping">Shopping</option>
41+
<option value="other">Other</option>
42+
</select>
43+
<select class="js-priority-input">
44+
<option value="">Select Priority</option>
45+
<option value="high">High</option>
46+
<option value="medium">Medium</option>
47+
<option value="low">Low</option>
48+
</select>
49+
<div class="js-actions-wrapper">
50+
<button class="js-add-button">
51+
<i class="fa-solid fa-add"></i>
52+
</button>
53+
<button class="js-cancel-button" title="Cancel">
54+
<i class="fa-solid fa-times"></i>
55+
</button>
56+
</div>
57+
<div id="js-success-notification" style="display: none">
58+
<p>Task completed 🎉</p>
59+
</div>
60+
</div>
61+
62+
<!-- Add this new div for sorting buttons -->
63+
<div class="sort-buttons">
64+
<div class="sort-filter-container">
65+
<button class="sort-button" onclick="sortTodos('category')">
66+
Sort by Category
67+
</button>
68+
<button class="sort-button" onclick="sortTodos('priority')">
69+
Sort by Priority
70+
</button>
71+
<select class="js-filter-input" onchange="filterTodos()">
72+
<option value="all">All</option>
73+
<option value="pending">Pending</option>
74+
<option value="completed">Completed</option>
75+
</select>
76+
</div>
77+
</div>
78+
<div class="test">
79+
<div class="js-add-html js-add-grid js-add-html-tasks"></div>
80+
</div>
81+
</div>
82+
83+
<footer class="footer">
84+
<p>&copy; 2024 Made with &#10084; by Ansh Grover. All rights reserved.</p>
85+
<div class="social-media">
86+
<a class="insta" href="https://www.instagram.com/" target="_blank"
87+
><i class="fa-brands fa-instagram"></i
88+
></a>
89+
<a class="facebook" href="https://www.facebook.com/" target="_blank"
90+
><i class="fa-brands fa-facebook"></i
91+
></a>
92+
<a class="x" href="https://x.com/i/flow/login" target="_blank"
93+
><i class="fa-brands fa-x-twitter"></i
94+
></a>
95+
<a class="linkedin" href="https://www.linkedin.com/" target="_blank"
96+
><i class="fa-brands fa-linkedin-in"></i
97+
></a>
98+
<a class="github" href="https://github.com/Groverio" target="_blank"
99+
><i class="fa-brands fa-github"></i
100+
></a>
101+
<a class="youtube" href="https://www.youtube.com/" target="_blank"
102+
><i class="fa-brands fa-youtube"></i
103+
></a>
104+
</div>
105+
</footer>
106+
107+
<script src="script.js"></script>
108+
</body>
109+
</html>

‎error.html

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
7+
<title>404 - Page Not Found</title>
8+
<script src="https://cdn.tailwindcss.com"></script>
9+
</head>
10+
<body class="bg-gray-100 h-screen flex items-center justify-center">
11+
<div class="text-center">
12+
<h1 class="text-9xl font-bold text-purple-600">404</h1>
13+
<p class="text-2xl md:text-3xl font-light text-gray-700 mt-4">
14+
Oops! Page not found.
15+
</p>
16+
<p class="text-lg text-gray-600 mt-2">
17+
The page you're looking for doesn't exist.
18+
</p>
19+
20+
<a
21+
href="/"
22+
class="mt-8 inline-block bg-purple-600 text-white font-semibold py-3 px-6 rounded-lg shadow-lg hover:bg-purple-700 transition duration-300"
23+
>
24+
Go Back Home
25+
</a>
26+
</div>
27+
</body>
28+
</html>

‎index.html

+45-45
Original file line numberDiff line numberDiff line change
@@ -3,24 +3,27 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>Todo-List</title>
7-
<link rel="stylesheet" href="style.css" />
8-
<link
9-
rel="stylesheet"
10-
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
11-
integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
12-
crossorigin="anonymous"
13-
referrerpolicy="no-referrer"
14-
/>
15-
<link
16-
rel="stylesheet"
17-
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
18-
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
19-
crossorigin="anonymous"
20-
referrerpolicy="no-referrer"
21-
/>
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
7+
<title>To-Do List App</title>
8+
<script src="https://cdn.tailwindcss.com"></script>
229
</head>
23-
<body>
10+
<body class="bg-gray-50 text-gray-800">
11+
<!-- Navbar -->
12+
<nav class="bg-white shadow-lg">
13+
<div
14+
class="container mx-auto px-4 py-4 flex justify-between items-center"
15+
>
16+
<a href="#" class="text-2xl font-bold text-purple-600">To-Do List</a>
17+
<ul class="flex space-x-4">
18+
<!-- All of these buttons currently lead to error pages as their functionality will be added in the future
19+
after login and authentication has been implemented.-->
20+
<li>
21+
<a href="error.html" class="hover:text-blue-600">Upcoming Tasks</a>
22+
</li>
23+
<li><a href="error.html" class="hover:text-blue-600">Friends</a></li>
24+
</ul>
25+
</div>
26+
</nav>
2427
<div class="container">
2528
<h1 class="subtitle">Todo-List</h1>
2629

@@ -57,7 +60,6 @@ <h1 class="subtitle">Todo-List</h1>
5760
<div id="js-success-notification" style="display: none">
5861
<p>Task completed 🎉</p>
5962
</div>
60-
</div>
6163

6264
<!-- Add this new div for sorting buttons -->
6365
<div class="sort-buttons">
@@ -87,36 +89,34 @@ <h1 class="subtitle">Todo-List</h1>
8789
Sort by Priority
8890
</button>
8991
</div>
92+
<!-- Main Block -->
93+
<section
94+
class="flex justify-center items-center h-screen bg-gradient-to-b from-purple-600 via-indigo-600 to-gray-900"
95+
>
96+
<div class="container mx-auto px-4 text-center text-white">
97+
<h1 class="text-4xl md:text-6xl font-bold">
98+
Organize Your Life with this easy-to-use app
99+
</h1>
100+
<p class="mt-4 text-lg md:text-2xl">
101+
Manage tasks effortlessly and boost your productivity. Stay on top of
102+
everything with our intuitive To-Do List.
103+
</p>
104+
<a
105+
href="Todo.html"
106+
class="mt-8 inline-block bg-white text-indigo-600 font-bold py-3 px-6 rounded-lg shadow-lg hover:bg-gray-200"
107+
>
108+
Start
109+
</a>
90110
</div>
91-
<div class="test">
92-
<div class="js-add-html js-add-grid js-add-html-tasks"></div>
93-
</div>
94-
</div>
111+
</section>
95112

96-
<footer class="footer">
97-
<p>&copy; 2024 Made with &#10084; by Ansh Grover. All rights reserved.</p>
98-
<div class="social-media">
99-
<a class="insta" href="https://www.instagram.com/" target="_blank"
100-
><i class="fa-brands fa-instagram"></i
101-
></a>
102-
<a class="facebook" href="https://www.facebook.com/" target="_blank"
103-
><i class="fa-brands fa-facebook"></i
104-
></a>
105-
<a class="x" href="https://x.com/i/flow/login" target="_blank"
106-
><i class="fa-brands fa-x-twitter"></i
107-
></a>
108-
<a class="linkedin" href="https://www.linkedin.com/" target="_blank"
109-
><i class="fa-brands fa-linkedin-in"></i
110-
></a>
111-
<a class="github" href="https://github.com/Groverio" target="_blank"
112-
><i class="fa-brands fa-github"></i
113-
></a>
114-
<a class="youtube" href="https://www.youtube.com/" target="_blank"
115-
><i class="fa-brands fa-youtube"></i
116-
></a>
113+
<!-- Footer -->
114+
<footer class="bg-gray-800 text-white py-6">
115+
<div class="container mx-auto px-4 text-center">
116+
<p>
117+
&copy; 2024 Made with &#10084; by Ansh Grover. All rights reserved.
118+
</p>
117119
</div>
118120
</footer>
119-
120-
<script src="script.js"></script>
121121
</body>
122122
</html>

‎package-lock.json

+35-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+3
Original file line numberDiff line numberDiff line change
@@ -17,5 +17,8 @@
1717
"eslint": "^9.12.0",
1818
"globals": "^15.11.0",
1919
"prettier": "^3.3.3"
20+
},
21+
"dependencies": {
22+
"framer-motion": "^11.11.8"
2023
}
2124
}

0 commit comments

Comments
 (0)