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

Project To do #443

Open
wants to merge 25 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
25 commits
Select commit Hold shift + click to select a range
ae35560
add tasks-function works, started with checkbox
AnnikaSonnek Apr 18, 2023
0e2a427
got checkbox to display but have to hook it up to function that chang…
AnnikaSonnek Apr 18, 2023
df3cc99
fixed toggle checkbox-function
AnnikaSonnek Apr 19, 2023
5d6d7bc
fixed all functionality, started with styling
AnnikaSonnek Apr 20, 2023
d738cb2
got a damn checkbox-component to work
AnnikaSonnek Apr 21, 2023
63806e9
styling of buttons, background, colorscheme etc
AnnikaSonnek Apr 21, 2023
fde259d
tried to bring things back
AnnikaSonnek Apr 21, 2023
a39c9c2
going back
AnnikaSonnek Apr 21, 2023
9ef9945
bring it back
AnnikaSonnek Apr 21, 2023
208aa16
fixed toggle and footer display
AnnikaSonnek Apr 22, 2023
4efff88
added textstyles
AnnikaSonnek Apr 23, 2023
788878b
fixed styling, updated readme
AnnikaSonnek Apr 23, 2023
0e23ff9
fixed footer-stuff, og-tags
AnnikaSonnek Apr 23, 2023
c5bc622
fixed z-index of calendar
AnnikaSonnek Apr 23, 2023
2b4738a
fixed textalign of deadline-date
AnnikaSonnek Apr 23, 2023
9bfc929
fixed background
AnnikaSonnek Apr 24, 2023
52ae86e
fixed positioning of footer again
AnnikaSonnek Apr 24, 2023
9b0e5fe
changed colors, footer and background
AnnikaSonnek Apr 24, 2023
924437d
removed comment
AnnikaSonnek Apr 24, 2023
0ad83de
fixed color of delete-button and classname-error
AnnikaSonnek Apr 24, 2023
66e2634
footer margin
AnnikaSonnek Apr 24, 2023
5e1ab17
width of footer
AnnikaSonnek Apr 24, 2023
2705276
fixed mediaquery for footer, small mobiles
AnnikaSonnek Apr 24, 2023
9e99fc8
fixed calendar z-index
AnnikaSonnek Apr 25, 2023
712025e
changed title
AnnikaSonnek Apr 26, 2023
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
10 changes: 5 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
# Project Todos

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.
The task was to create a todo-list using React components and Redux. In the Redux store we were supposed to create our own reducer functions to updated the store.

## 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?
I started by writing the basic functions that would make the user be able to add tasks, clear tasks, delete individual tasks and toggle the tasks using a checkbox. After that I added a function for selecting a deadline date for the task. I hade some problems with figuring that out but eventually got it to work. It's not always easy to understand how the npm packages are supposed to be used.

I decided to create a seperate checkbox-component as well and use a custom checkbox. It took me some time to get that one to render. However, suddenly my toggletask-function stopped working and it took me ages to figure out why. Turned out that the function was working but the footer was blocking the tasklist. I had forgotten to change the z-index of the footer, if I had checked properly in the browser I would have seen it. Oh well, I learned that - ALWAYS check the sinpector tool in the browser PROPERLY before you start re-writing stuff.

## 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.
https://todo-annika-sonnek.netlify.app/
23 changes: 0 additions & 23 deletions code/.gitignore

This file was deleted.

Loading