All solutions

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

With this project, i've successfully implemented a frontend CRUD operations with LocalStorage. This project taught me how to create, read, update, and delete items in LocalStorage. It is quite challenging at first, but i've overcome it

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

Making the LocalStorage to sync with the web state is quite challenging at first, but i've finally solved it in the end. One of the most challenging thing in this project is implementing drag and drop feature. First, i want to use external library called Swapy. But it somehow didn't work with dynamic list like this todo app. I might've need to understand it more properly and will try to implement it

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

Any critics and advice are welcome. Thank you

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

With the accomplishment of this project, I have now an intermediate understanding of how grid works. This project is indeed challenges you to make a responsive grid. In this project, this is the first time i didn't used any display flex to adjust elements position

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

At first, i have no clue how CSS grid works. But with this project, i have watched some youtube tutorials and blog posts explaining about grids. Now, i have intermediate understanding of how to use it and how to make it responsive.

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

Any advice and critics are welcome. Thank you

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

I'm proud to have completed this project using my current skills in React and Tailwind. I've finally put a good use of useRef in this project for email validation and have understood the core concept of it. The project is made to be as similar as possible with the design and responsive with any devices

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

Since this is the second times i tried using gridboxes, i still haven't able to figure out how to adjust the items inside grid areas, since grids cannot use align-items and justify-content. So currently i'm researching to find a solution to it. The problem can be seen in the Thanks For Subscribing page in mobile version

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

Any advice and critics are welcome. Thank you

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

In this project, i'm proud to have successfully learned how to implement Gridboxes for the responsive layout. This project also teaches me how to control DOM using keyboard. I also learned how to use Material-Tailwind to implement carousel and buttons.

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

As far as i know, the right way to manipulate DOM in React is to use useRef. But i'm still learning to use the hook and implementing it in this project seems quite difficult. So I decided to use Vanilla JS DOM manipulation for a while, and try to use it in different project.

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

Any critics and advice are welcome. Thank you

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

I've made this project to be slightly differ from the given design. One of the noticable changes is that in the original design, the flags are supposed to be shown fully in the card from edge to edge. But in my web, there are a wrapper for the country flags. This is done to respect each flag's aspect ratio, and to make it differ from another country's flag if there are countries with similar flags like Indonesia and Monaco.

But most importantly, i'm proud to have finished this project to deepen my knowledge in API calls, using React hooks, especially useContext, and routing using React-router. I've also learned how to filter and implement search bar in this project

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

I'm open to any critics and advice. Thank you

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

With this project, i'm proud to finally be able to learn React and how it works. I discovered that React hooks are one of the powerful feature to change and manage a web state. I also learned how to create React app using Vite, which is also a powerful build tool for frontend

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

Since i'm still learning React, there are lots of things that took me a long time to figure out. For example, form validation using useState, and formatting the numbers. One of my most noticeable fault is by using useState. Since this is a simple form, i could have used useRef for a better performance, so that everytime the input is changed, the web is not constantly re-rendered.

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

Currently i have solved all my problems, any advice or critics given would be really appreciated

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

With this project, I'm proud to have understood the basic fundamentals of Next.Js. As a junior developer, i have learned how to retrieve data from API, and update the data with a click. I also learned to use Tailwind CSS using this project, which i think is better than Bootstrap because of the customizability. I have made the project to be as close as the design as possible to train my coding accuracy. This web app is also responsive.

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

At first, i encountered a problem where the data cannot be refreshed/randomized when i click the dice icon. But then, I've learned from documentations and forums like StackOverflow to find the solutions. This is the part where i learned how to use react hooks.

Then, another problem is when i hover the dice icon, the design said the circle needs to glow. To solve this problem, i made another div with absolute positioning and lower Z-index than the dice icon, then made a Javascript function to make it blurry when the dice icon is hovered, creating a glowing effect.