Skip to content
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.

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

Week 10 – To-do App – Kathinka & Nathalie #22

Open
wants to merge 46 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
46 commits
Select commit Hold shift + click to select a range
8025663
creating form componet
ohitsnathalie Apr 8, 2024
68bcae5
added context
ohitsnathalie Apr 8, 2024
0945227
Add TaskList component and update TaskMaker component
kathinka Apr 9, 2024
ec5c21c
Update TaskList and TaskMaker components with id and checked&unchecke…
kathinka Apr 9, 2024
b4d80e1
Refactor TaskList and TaskMaker components to use useContext correctl…
kathinka Apr 9, 2024
b905b4a
Fix task status flipping and task deletion logic in TaskList component
kathinka Apr 10, 2024
ab6ca5f
Add TaskCounter component to App.jsx and update TaskData.jsx
kathinka Apr 10, 2024
aaeda0c
test intentation
ohitsnathalie Apr 10, 2024
54662cb
indentation testing
ohitsnathalie Apr 10, 2024
7f86ca6
Merge remote-tracking branch 'origin/main' into storage
kathinka Apr 10, 2024
e99689d
changing the styling order
ohitsnathalie Apr 10, 2024
52b045f
some styling and added fonts
ohitsnathalie Apr 11, 2024
38fc40d
changed new task section summary and details for collapse content
ohitsnathalie Apr 12, 2024
d06014f
changed styling of checkbox
ohitsnathalie Apr 12, 2024
d24ddf7
changed different background color.
ohitsnathalie Apr 12, 2024
c544bf2
adjusted font
ohitsnathalie Apr 12, 2024
0c16d87
changed order
ohitsnathalie Apr 12, 2024
3826957
Refactor TaskCounter
kathinka Apr 12, 2024
2787eac
Refactor TaskCounter component and adjust TaskData component
kathinka Apr 12, 2024
7c11668
added header and changed task counter to the header
ohitsnathalie Apr 13, 2024
d7addfc
add padding to new to-do input
ohitsnathalie Apr 13, 2024
ba1d56a
added arrows for expand/collapse
kathinka Apr 13, 2024
a2cd25e
style adjustments, and added arrow image for dropdown
kathinka Apr 13, 2024
522ca01
style adjustment to the form
kathinka Apr 13, 2024
3c8287f
adjusted the checkbox so it will stay in line with the heading even i…
kathinka Apr 13, 2024
5138bb3
adjusted spacing on form and tasks for mobile devices and DT
kathinka Apr 13, 2024
6e3170c
adjustet checkbox for pad as well
kathinka Apr 13, 2024
068af31
removed uneeded code
kathinka Apr 13, 2024
39392c0
removed uneeded code
kathinka Apr 13, 2024
190768a
added datepicker to deadline so the user can set their own deadline
kathinka Apr 13, 2024
21f9885
styled datepicker
kathinka Apr 13, 2024
e62b9d7
fixed input fields on form so the dropdown provided a value and the u…
kathinka Apr 13, 2024
c857778
fixed an issue where the first option option in the dropdown was not …
kathinka Apr 13, 2024
aed27a3
deleting fonts and svg we don't need and added deloyed link
ohitsnathalie Apr 13, 2024
0788c9e
Merge branch 'header'
ohitsnathalie Apr 13, 2024
6089dae
Refactor Header component and add Sorting component
kathinka Apr 13, 2024
6029e98
Merge branch 'main' of https://github.com/ohitsnathalie/project-to-do…
kathinka Apr 13, 2024
858528d
Refactor TaskMaker component styles and add media queries for respons…
kathinka Apr 13, 2024
559df8c
attempt at cleaning up after merge
kathinka Apr 13, 2024
f861c89
Refactor CSS styles for Sorting and TaskCounter components added loca…
kathinka Apr 13, 2024
e82cc1b
Refactor CSS styles for Sorting and TaskCounter components, and fix T…
kathinka Apr 13, 2024
68c1a46
Refactor CSS styles for TaskMaker component and add media queries for…
kathinka Apr 13, 2024
cb8332f
Refactor Sorting component styles and add new sorting options
kathinka Apr 13, 2024
8ba899d
adjust responsiveness
ohitsnathalie Apr 14, 2024
8e15575
Refactor Sorting component to make sure the reset sort actually work…
kathinka Apr 18, 2024
50f90a3
Merge branch 'main' of https://github.com/ohitsnathalie/project-to-do…
kathinka Apr 18, 2024
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
1 change: 1 addition & 0 deletions .env
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
VITE_OPENDB_KEY = jqbak85sjny8l
1 change: 1 addition & 0 deletions .env.example
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
VITE_OPENDB_KEY =
4 changes: 4 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -16,3 +16,7 @@ build
npm-debug.log*
yarn-debug.log*
yarn-error.log*


#keys
.env
23 changes: 3 additions & 20 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,34 +1,17 @@
<h1 align="center">
<a href="">
<img src="./src/assets/banner.svg" alt="Project Banner Image">
</a>
</h1>

# Todo - useContext Project

Replace this readme with your own information about your project.

Start by briefly describing the assignment in a sentence or two. Keep it short and to the point.

## Getting Started with the Project

### Dependency Installation & Startup Development Server

Once cloned, navigate to the project's root directory and this project uses npm (Node Package Manager) to manage its dependencies.

The command below is a combination of installing dependencies, opening up the project on VS Code and it will run a development server on your terminal.

```bash
npm i && code . && npm run dev
```

### The Problem

Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next?
We started off planing how the app should look like and what we want to implement to avoid too many features.

### View it live

Every project should be deployed somewhere. Be sure to include the link to the deployed project so that the viewer can click around and see what it's all about.
[![Netlify Status](https://api.netlify.com/api/v1/badges/9ebb5af3-a231-4ff6-852a-836a4519699d/deploy-status)](https://app.netlify.com/sites/kathinkas-and-nathalies-task-master/deploys)
[View the to-do app live](kathinkas-and-nathalies-task-master.netlify.app)

## Instructions

Expand Down
14 changes: 14 additions & 0 deletions eslint.config.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import globals from "globals"
import pluginJs from "@eslint/js"
import pluginReactConfig from "eslint-plugin-react/configs/recommended.js"

export default [
{ languageOptions: { globals: globals.browser } },
pluginJs.configs.recommended,
pluginReactConfig,
{
rules: {
"react/prop-types": "off",
},
},
]
22 changes: 12 additions & 10 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Todos App Context API</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>✍🏽</text></svg>">
<title>To-dos App Context API</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>
Loading