All solutions

Hey there 👋🏽. Decided to complete this challenge to practice accessibility. Feel free to provide feedback. Happy coding!

I had a hard time matching the desktop layout to the one provided in the design. Your feedback will be highly appreciated.

This was a nice challenge that tested my layout skills. Your feedback is welcome.

Hey there, thanks for checking out my challenge. This little project taught me a lot about positioning elements on a webpage. I'll really love to hear from you. How could I improve this solution ? 🤔. One of the challenges which I still haven't completely solved yet is how to make the site look good on tablet screens. Your feedback would be appreciated.

Your feeback will be appreciated

How can I make this solution more accessible? Will really appreciate your feedback.

I'll really appreciate your feedback. I left out some of the elements because I got weighed down by the CSS 😐. How could I improve this solution?

Feedback Welcome.

I would appreciate your feedback.

So it's been a while I worked on any project. This project took me longer than I thought it should have but I'm glad at how it came out. My Javascript code is not really organized so please do well to comment on how I could make the code a little bit cleaner and more readeable. I had quite a challenge connecting up the error messages as well as making sure the custom field was in sync but I was'nt able to do this entirely right. On feedback on how I could fix this is highly appreciated. Thanks for checking out my solution :).

So I wrote a lot of code for this challenge 😅. It took me a while to figure out how the components should fit together (might still not be best approach).

Notes

• I made the app in such a way that along with the red dot that shows the unread state of a notification, if you clicked on a notification, the notification count is re-rendered so the user knows the amount of unread notifications he/she has

• My logic for storing and retrieving the stored theme from local storage was definitely not the best . Any ideas on how I could make this better would be appreciated

• I tried as much as possible to make the solution as accessible as possible.

Inspiration for this project

1. @AdrianoEscarabote for the inspiration of the dark mode feature. I used the inspect tool to get the colors for the background and the purple colour too.

2. @karolbanat for his beautiful solution that inspired me

This is my solution to the Intro Component with Sign-Up form Challenge. I had gotten most of the inspiration of this project from @vanzasetia.

I struggled a lot while building this challenge. I'm very sure my solution was a clean one. So I might probably be trying out this challenge again but till then, your feedback and suggestions would be appreciated.

Hey 👋. This is my solution to the article preview component challenge 😄. It was such an amazing learning process tackling this challenge 😁. I had a bit of a struggle positioning the elements properly. I'm still getting the hang of scss so my scss might be a bit messy.

P.S. I'd like to give credit to @ApplePieGirraffe 😇. I used his project (the live site) as a guide to get my solution getting as close to the design as possible. I also added a little animation to the share icon button when clicked ☺️

I have a question though, how do I make links perfectly aligned with the share button because the share button is placed slightly higher that the links 😆. Also I overnested my styles a bit. How could I avoid this?

Your feedback on how I could improve on this solution would be appreciated. Happy Coding ☺️

This was my first project built using Scss and React A summary of the my experience takling this challenge.

1. It was an amazing learning experience for me.

2. My file structure and scss file is a bit messy. I was confused on how to break my components into reusable pieces.

This solution would definetly need improvement. I would be happy if you could point out where I've made mistakes as well as how I could make this solution better.

Okay... So this challenge was a little tougher than it looked for me. I had a lot of struggle keeping my scss organized, I also struggled with making the desktop version look as close as possible to the design provided. I would love to hear your suggestions

So this is my second project built using scss. Your feedback will be appreciated

So this is my first project built using scss. It was a wonderful experience for me as I got to use nesting, mixins and stuff. How could I make this solution better?. Your feedback will be highly appreciated.

I had a bit of a challenge making the background pattern responsive. Not sure my 'solution' to making the background pattern responsive was the best one. Would appreciate your feedback

Okay so this is my solution I would really love to hear your thoughts

I had a lot of trouble having the 'why us' section looking close to the design. I would appreciate any help on how I could possibly fix this ☺️

Your feedback will be appreciated

Any feedback would be highly appreciated

A second attempt

Building this project was an amazing experience 😁 Just one problem though, I can't seem to find a way to make the register button align to the left. It just positions itself at the middle. Any suggestion on how I could correct this would be very helpful 🤗.