All solutions

What are you most proud of, and what would you do differently next time?

I did some more learning to understand why framer motion wasn't doing the exit animation

What challenges did you encounter, and how did you overcome them?

not really any challenges, it was quite straight forward. just took time to implement. I did this in about a day.

What specific areas of your project would you like help with?

I want to know how to make the clickable elements more keyboard accessible. using button and having divs as a child component is not valid

What challenges did you encounter, and how did you overcome them?

I learnt that tailwind doesnt read interpolated classes.

e.g "text" + "-gray-300" will not change the color of the text however "text-gray-300" as a whole string will.

What are you most proud of, and what would you do differently next time?

I started breaking down reusable elements from the start such as button, section, section title this did help me to style and build the site quicker however I have to admit that some of it was overkill for a static page.

additionally I had to change some styling elements because they did not pass the contrast test for acccessibility

What challenges did you encounter, and how did you overcome them?

I kept trying to adjust the blue pill background with fixed css units, eventually found that percentages worked best

What specific areas of your project would you like help with?

Any feed back :D

What are you most proud of, and what would you do differently next time?

Using context api and media query hook

What specific areas of your project would you like help with?

Any help would be useful, specially how to layout the page more efficiently

What are you most proud of, and what would you do differently next time?

I was hesitant to use tailwind as I have grown quite used to bootstrap. However now that I have used it I can definetely see the advantages. I will be continue to master tailwindcss from now on.

What challenges did you encounter, and how did you overcome them?

Most of the challenges i encounter was about the pseudo elements. I think at some point it was easier and more readable to just style it in css.

What specific areas of your project would you like help with?

Any feedback is welcomed!

What are you most proud of, and what would you do differently next time?

I used context api, useReducer hook and framer motion to make the website work. I would spend more time to plan what states and contexts i needed

first time using sass for a project

What challenges did you encounter, and how did you overcome them?

Not really too any challenges, I was rusty on how to use context api so i just looked at the documentation

What specific areas of your project would you like help with?

how to improve accessibility.

What are you most proud of, and what would you do differently next time?

For the sidebar I tried to use boostrap however i realised this was not going to work as well. I then tried to use react to conditionally render the inline menu or side nav. I also used framer motion to gentlely fade the overlay which took a few tries.

What challenges did you encounter, and how did you overcome them?

Had some visual bugs with the overlay and images not rendering properly. Solved it by naturally moving the faded background under everything.

What specific areas of your project would you like help with?

improvements on accessiblity :D

What are you most proud of, and what would you do differently next time?

started learning framer-motion to add enhance the user experience of simple events.

What specific areas of your project would you like help with?

probably more help with framer motion so that the container smoothly opens rather than in aninstance.

What are you most proud of, and what would you do differently next time?

What I'm most proud of

Semantically correct

keyboard navigatable

What I would do differently

I would plan out the elements more carefully in terms of making it more accessible.

What challenges did you encounter, and how did you overcome them?

Challenges I encountered

making the radio input hidden

How did i overcome this?

I used pseudo selectors so that i could cover the default radio button.

What specific areas of your project would you like help with?

Areas that I need help with

I'm sure there are some accessibility attributes i could add