Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All solutions

  • Submitted

    Multi Step Form

    • HTML
    • CSS
    • JS

    1


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

    I am proud to make this multi-step form. It was a new experience and I have made this type of form for the first time in my life. Next time when I am making this form, I will focus on efficiency and security more.

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

    The biggest challenge was to maintain the states when the user goes back after selecting everything, and what if the user wants to change the plan after changing their mind. I still don't have the good solution, but what I did was to reset the total price and the user have to select from it again. Not efficient, I know.

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

    I would like help with managing the states when user changes the plan after going to the last page.

  • Submitted


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

    In this project I am proud of two things:

    • Number one is the dark theme switches
    • Number two is using Restful API

    In this project, I have used an efficient way to make a button that switches between light and dark theme. Most of the time, we use JavaScript for things which are possible by simple HTML and CSS. So, in this project, you will see a light and dark theme toggle button. I have not used any JavaScript for this. I simply used ``````, then on the by using checked pseudo-selector, I was able to switch between themes. You can see my code in GitHub and let me know if you need any help.

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

    The challenge for me was, "How to get information from API and asynchronously save it in a variable, and how to send it to a neighbor component?". This was because I usually make different components to separate the code for reusability purpose.

    How I overcome it?

    Someone suggested to use context API. But I came up with a better solution. I transferred that data to the parent component and then transferred it to the child component. This helped me a lot because another challenge was that how to get the information of a country when someone clicks on the country info cart on the homepage. The solution was again simple. I just had to get the name of the country and then send the API to get the information about the country and show it using a same component.

    You can refer to my code to see a detailed version.

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

    Honestly, I got it covered ๐Ÿ˜.

  • Submitted


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

    This thing which I am proud of is that I made this application in react from scratch. You might be thinking that "why are you proud of that?", well first I made this application in simple HTML, CSS and JS, but now I have improved my skills and I have learned react. So, this is a proud moment for me.

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

    The challenge I encountered was in deployment. I had to spent a whole day on deployment. So, I watched different youtube videos and then I learned how to deploy it. Overall, it was a nice experience.

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

    Different functions I used in my code. I guess there might be some hooks available in react. I don't know.

  • Submitted


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

    During this project, I learned a lot about react and Tailwind. I have followed industry standards here. The thing which I am proud of is using Tailwind CSS because it was first time I used it. Honestly speaking, I am very satisfied with what I have already made, so there is nothing specific I would do differently next time, but I am sure that next time my code will be improved.

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

    The biggest challenge for me was how to update the score. Because In react we make different components and It was difficult for me to figure out how to use one variable in different components. However, I found a solution. Anyone can review it in github repository. I have given a detail in the Readme.md file.

  • Submitted


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

    I have completed this type of project for the first time in my life. I have added 30% of javascript in this project. So, that is what I am proud of.

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

    The first challenge was that how would the image change when the user click on the next button and vice versa. Then making it responsive for mobile was a big challenge for me. But I overcome all of these challenges and got the job done.

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

    I would like help with how the images changes when user clicks on a button. The JavaScript I wrote is very lengthy, so I would appreciate it if someone could help me with that.

  • Submitted


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

    This is a simple project. I built it in like 3 to 4 hours. Next time, I will do mobile first because it is the best approach.

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

    Frankly speaking, there was no difficulty during the project. I just built it.

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

    I think I would need help with the header image. I think that my approach is not good as it should be.