All solutions

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

One of the highlights of working on this project was using Tailwind to make the website look good and work well. It was really enjoyable to see the design come to life on the screen.

In the future, I plan to organize my work better so I can use the same parts across different pages, which will help me avoid doing the same thing many times. ヾ(≧▽≦*)o

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

the toughest part of this project was figuring out how to set up the comments section. At first, I was pretty lost, especially since it was my first time using Drizzle ORM and Neon for the database.

But I got through it by looking up information and studying the guides for both tools.

All in all, it was a great time learning something new! ( •̀ ω •́ )✧

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

I’m eager to dive deeper into the tools I’ve used, like Next, Neon, and Clerk, and I’m also keen to learn about making websites easy for everyone to use!

I’d love to hear your thoughts on my project! Any feedback or a little cheer would be great! (≧∇≦)

Hello Everyone! (●'◡'●)

I’m back with another challenge, this time I went for the Guru level! I had a blast working on this challenge and I learned a lot from it. I could have used state management, but I decided to try Supabase and it was really intuitive!

Please take a look at my work and let me know what you think. I appreciate any feedback or suggestions you have!

Thanks a lot!

Hello everyone! (≧∇≦)ﾉ

I’m happy to share with you my solution for this challenge. I used React and TypeScript to create an interactive comment section. I learned a lot from this project, especially how to use the reducer and context hooks.

However, I also faced some difficulties, such as typing the state and actions, and manipulating nested arrays. If you have any feedback or tips on how to improve my code, I would appreciate it if you could leave a comment below.

I decided to flatten the array of comments to make it easier to work with. I wonder if there is a better way to do this without losing the structure of the data.

Thank you for taking the time to check out my solution!

Hello Everyone! (≧∇≦)ﾉ

After a long break, I am back to coding! I might have made some mistakes or used some outdated methods in this project, so I would love to hear your opinions. Your feedback is very valuable to me.

Thank you for taking the time to review my work!

Hello everyone! I'm Briuwu, with another challenge done! ヾ(≧▽≦*)o

It's been a while, but I’m back now! I took this opportunity to experiment with NextJS 13, and I was pleasantly surprised by how intuitive it was?! I think I’ll stick with NextJS for future projects, though I might face some difficulties when the challenge gets more complex haha.

This challenge was fairly straightforward, so I was able to finish it in a few days, but it was still enjoyable and stimulating to work on!

Thanks for checking this one out! ( •̀ ω •́ )✧

Hello Everyone! I'm Briuwu, with another challenge done! ヾ(≧▽≦*)o

I'm still learning about Tailwind and its usage and so far, so good! This time I tried adding a little bit of animation using Framer Motion.

I also want to improve my accessibility so if you have any advice or recommendations you can give, please do let me know!

Thanks for checking this one out! ( •̀ ω •́ )✧

Hello Everyone! ヾ(≧▽≦*)o

This time, I finally tried using Tailwind and it's surprisingly easy and fun to use!? At first, I thought it's going to be hard to use but if you know how to write CSS it's super easy!

I'm still new to it so if you have any feedback or suggestions about it please do let me know!

Thanks~

Hello Everyone! ヾ(≧▽≦*)o

I am excited to share my experience completing this challenging project, and I welcome any feedback or suggestions you may have.

Here's the things that I've learned while making this:

Throughout this project, I learned some incredibly valuable skills. From setting up routers with react-router-dom, to using sass to create sleek and maintainable styles, to developing reusable components and incorporating engaging animations with framer-motion!

I also tried using TypeScript for the first time, and though I know I have plenty of room to grow, I feel proud of my progress so far. And, best of all, I finished the project in just one week - a major accomplishment for me.

I know that there may be areas in which this can be improved. So please if you have any feedbacks do let me know!

I also wanna share my progress on completing this challenge!

• Day 1: Arranged folder structures and installed necessary packages.
• Day 2: Created sass folder structures and added variables, functions, and mixins.
• Day 3: Added navbar and routings.
• Day 4: Involved designing each page in detail.
• Day 5: Finalized the stylings and code structure.
• Day 6: Refactored the code to enhance readability.
• Day 7: Fixed minor bugs and deployed site to Netlify.

Thank you for checking this one out! This challenge allowed me to refine my skills and explore new techniques. (●'◡'●)

Hello~ ヾ(≧▽≦*)o

Another challenge complete!

This challenge is really fun to solve, because it's really challenging to me, and I learned quite a lot of techniques!

I added some lazy loading to it, but I'm not sure if I did it correctly, I also added a bit of animation. I used React Context to handle the API calls and different functions and also to avoid prop drilling.

Honestly, I'm not really sure if I did is a proper way to solve it. So, any feedback is highly appreciated!

Thanks for checking this one out! ╰(°▽°)╯

Hi~! (≧∇≦)ﾉ

Please check this one out! If you have any feedback or tips, please do let me know! It's been a while since the last time I practice coding, so I'm a bit rusty ＞︿＜

Thank you!

Hello everyone! ヾ(≧▽≦*)o

I'm back again with another challenge completed! This challenge helps me understand more about Arrays and some methods called filter(), some() and includes().

Honestly, it's quite hard for me but I still managed to finish it!

If you have any feedback or tips, please do let me know in the comment section! I also can't seem to fix the accessibility issues, so please if you have any idea, please let me know.

Thank you for checking this one out~! (≧∇≦)ﾉ

Hello everyone~! (≧∇≦)ﾉ

For this challenge, I practiced fetching API using a URL shortening. I'm not quite confident with it yet, but I still managed to complete it!

As usual, if you have any feedback or tips, please feel free to comment it!

Thank you~ ヾ(≧▽≦*)o

Hello everyone~! ヾ(≧▽≦*)o

For this challenge, I tried using Framer Motion for the animations, I'm still new to it but I'm going to practice more!

As usual, please check this one out, and if you have any feedbacks or tips feel free to comment it!

Thank you so much~! (●'◡'●)

PS. the image preview is kinda wrong so please don't mind it and visit the website to preview it properly! ＞︿＜

Hello!! ヾ(≧▽≦*)o

This challenge is quite hard for me to do, but I still managed to finished it! phew~

It's really messy especially the states, so I'm thinking what should I learn next. Honestly I'm stuck. So please if you have any suggestions on what I should learn next please comment it!

Thank you for checking this one out~! (≧∇≦)ﾉ

Hello everyone! (≧∇≦)ﾉ

Another challenge complete~ For this one, I just want to practice even more before I move to Intermediate level challenges.

As usual please do check this one out! If you have any feedback or tips to give, please let me know in the comment!

Thank you~

Hello~! (≧∀≦)ゞ

For this challenge, I have finally decided to try framer-motion, but only the basic stuffs (lol), I still struggled on managing my CSS, so it's really messy... maybe I should consider learning styled components soon.

HTML ISSUES: I can't seems to fix it, it says I have a duplicate id on my linear gradient ?? I don't really understand it, so please if you have any solutions please comment it. (fixed)

Please do check this one out! If you have any feedback or tips! Please comment it!

Thank you! (≧∇≦)ﾉ

Hello everyone! ( •̀ ω •́ )✧

Another challenged done~ This one is really hard to finish. I feel like my code isn't that good so if you have any feedback please do let me know!

Thank you~ (≧∇≦)ﾉ

Hello everyone! ヾ(≧▽≦*)o

Another challenge done~! For this challenge, It let practiced on implementing the navigation part. It's actually my first time making an actual responsive navigation so this is really hard to accomplish, but I managed to complete it.. phew~

I've struggled a lot on the CSS part and I feel like my CSS is really messy, and the drop-down part as well. If you have any feedback or suggestions please do let me know!

PS. sorry if it is not pixel perfect `(>﹏<)′

Thanks~ ( •̀ ω •́ )✧

Hello everyone~! (≧∇≦)ﾉ

For this challenge, I finally tried using React! Honestly, it's still quite confusing for me but I'll keep on learning~

It's been a while since the last time I coded so... Please check this one out! If you have any feedback or tips please do let me know! Thanks!! ( •̀ ω •́ )✧

Hello~! (≧∇≦)ﾉ

I've finally decided to move on to Junior level JS challenge, and this is the first one! I'm really excited to do the other junior level challenges! I still can't do the design pixel perfect, but I'm trying my best!

Please check this one out, if you have any feedback or suggestions! Please do let me know! Thank you so much!

Hello~! (●ˇ∀ˇ●)

This project further helps me understand about JS and forms, which is really awesome! But JS still confuses me, so if you have any tips please let me know!

Please do check this one out! If you have any feedback or suggestions, please do let me know! Thank you so much.

Helloo~! ( •̀ ω •́ )✧

For this project, I used GRID and SASS/SCSS, and a little bit of JavaScript, this one is also quite hard because of the image and I'm still not used on using grid but I still managed to complete it, phew..

Please check it out! If you have any feedback or suggestions, please do let me know, thank you so much!

Hello~! (≧∇≦)ﾉ

For this project, I'm still adjusting on using JavaScript and CSS animation, but so far I think I'm improving little by little! But I know that it's still not enough so I will do my best!

If you have any feedback or suggestions, please do let me know! Thank you so much.