All solutions

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

This is probably the first time I did a project properly. Well, kind of.

Didn't just commit to main branch, used some best practices I found, made the code more readable and modular, etc. It wasn't that good compared to other project from professional developer (maybe) but it's a good first step.

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

I'd encounter A LOT challenges during this project. Slicing design from Figma isn't as easy as it looked like. Time management is also crucial since I only had little time everyday to do this project. Fortunately, there's a lot references on Internet and I had some feedback from another developer.

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

FETCHING DATA

It's much more complicated than I thought. Also, TypeScript has a lot of features that I didn't know prior to this challenge.

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

Animating Gradient can be a bit tricky in css, you have to use ::before pseudo-element in order to do it properly.

Hello! This is my solution for this Challenge!

Okay, Vue is great. It's kinda between Svelte and React, neither too complicated or have small communities. So for now, I'm going to use Vue as my main tool.

Anyway, I still had a lot to learn about TypeScript. I think my code is kinda messy and hard to read. Also, I noticed Vue documentation is actually pretty good.

Any Feedback is Appreciated so if you could look at the code and give a feedback, it really helps. Also, if you haven't review other people code or give a feedback before, feel free to use this as a practice.

Happy Coding!

Hello! This is my solution for this Challenge!

This is my first time using Svelte. It's a nice library but unfortunately didn't have many support because it's not as popular as React. But, I'd plan using it again in the future. So if you have any resources to learn svelte. Please share it!

Still, Any Feedback is Appreciated so if you could look at the code and give a feedback, it really helps. Also, if you haven't review other people code or give a feedback before, feel free to use this as a practice.

Anyway, Happy Coding!

Hello! This is my solution for this Challenge!

This is just a quick solution, so there isn't much to talk about here. But, now I know that container in Tailwind CSS exist. Why did it took me this long to know this?

Still, Any Feedback is Appreciated so if you could look at the code and give a feedback, it really helps. Also, if you haven't review other people code or give a feedback before, feel free to use this as a practice.

Anyway, Happy Coding!

Hello! This is my solution for this Challenge!

This is my first time using TypeScript and honestly, I'm a little confused with it. However, I didn't plan to stop using TypeScript.

So, if you had any good resources (or courses) about TypeScript, Please share it!. Still, Any Feedback is Appreciated so if you could look at the code and give a feedback, it really helps. Also, if you haven't review other people code or give a feedback before, feel free to use this as a practice.

Anyway, Happy Coding!

Hello! This is my solution for this Challenge!

Mobile-First workflow is great! It's easier to develop desktop design when your CSS Framework also using Mobile-First workflow. I also learnt that you couldn't just wrap a section and make a component out of it, especially when you want to repeatedly use it. It's harder because you want to have some freedom with specific layout in a section, it's trickier to do with a whole section as a component.

If you know some trick or tips about components in react that maybe helpful, please share it! you really help me and other people that see this solution.

Still Any Feedback is Appreciated so if you could look at the code and give a feedback, it really helps. Also, if you haven't review other people code or give a feedback before, feel free to use this as a practice.

Anyway, Happy Coding!

Hello! This is my solution for this Challenge!

This is actually a simple challenge. But it makes me realize I didn't know the basics of API that much. On the good side, now I could properly animate something with framer motion. Though I still struggle with layout animation.

If you had a good resources to learn about API (Like YouTube playlist, article, web, or anything!). Kindly share with me and other people who saw this challenge, you're helping a lot of people by doing that.

But still Any Feedback is Appreciated so if you could look at the code and give a feedback, it really helps. Also, if you haven't review other people code or give a feedback before, feel free to use this as a practice.

Anyway, Happy Coding!

Hello! This is my solution for this Challenge!

This is the first Junior Challenge I take, Tried to use Framer Motion for animation but it didn't work well on mobile navigation, I don't know why :(

If you could give an advice on using Framer Motion, I really appreciate it. But still Any Feedback is Appreciated so if you could look at the code and give a feedback, it really helps. Also, if you haven't review other people code or give a feedback before, feel free to use this as a practice.

Anyway, Happy Coding!

Hello! This is my solution for this Challenge!

It's a short one but still, Responsive is Hard if you could give me some learning material about Responsive in CSS, It's a great help!

But still, Feedback is Appreciated so if you could look at the code and give a feedback, it really helps. Also, if you haven't review other people code or give a feedback before, feel free to use this as a practice.

Anyway, Happy Coding!

Hello! This is my solution for this Challenge!

I tried to do this using React and Tailwind CSS. It's a bit harder and trickier since there's email validation things to do. So yeah, this is a good practice.

If you could give a tips with Responsive Image and React please do so! It be a great help. Even if it's not about those two, still Feedback is Appreciated so if you could look at the code and give a feedback, it really helps. Also, if you haven't review other people code or give a feedback before, feel free to use this as a practice.

Anyway, Happy Coding!

Hello! This is my solution for this Challenge!

It's not a lot different than QR Code Component challenge and NFT Preview Card Challenge so it's overall a smooth sail for me.

Still, Feedback is Appreciated so if you could look at the code and give a feedback, it really helps. Also, if you haven't review other people code or give a feedback before, feel free to use this as a practice.

Anyway, Happy Coding!

Hello, This is my solution to this challenge. Happy Coding!

This solution use Tailwind CSS to style. It's a bit challenging since it use Grid rather than flex, but it turns out fine (Hopefuly).

Now, as always. It would be a Great help if you could review this solution and give a feedback. If you haven't review other people's code and give a feedback before, feel free to use this as a practice! I really appreciate even the tiniest feedback.

This is My Solution to this Challenge

Using some Basics HTML and Tailwind CSS. It'd be a great help if you could give me any tips about Semantic HTML. You could look at the code in Github and feel free to give feedback on anything you feel wrong.

I really appreciated if you could help me fixed the issue with images at certain breakpoints. Any suggestions?