Skip to content
OverviewSolutions
23
Comments
18
Quang
@progressive-newbie263

All comments

  • Quang•350
    @progressive-newbie263Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    this is my first time working with an API project. It took me a while to get an idea how to do it. I was proper chuffed after finishing it, and i felt that i learnt a lot after doing this project

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

    Fixing svg image was really hard. after fixing up and down for a while, i ended up adding transform translate onto the svg image and somehow it worked.

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

    I would love you to take a look at my code and give me an idea of how to fix it. Much love!

    Building advice generator app using React+Vite, Tailwind

    2
    Quang•350
    @progressive-newbie263Posted 3 months ago

    p/s: i am not sure how, but sometimes the button wont align , i think reload the page should solve the issue

    0
  • Quang•350
    @progressive-newbie263Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    hi! I am kinda excited so say this is the first time i managed to do a project using both tailwind and vite/react together. I have done them individually, but this is the first time combining them into one. Apart from having to ask ChatGPT about the calculation part with useState and react, i think i did it well

    What challenges did you encounter, and how did you overcome them?
    • aside from javascript part, it took me a while to be able to fully set up the project and deploying it live on github.
    • My CSS tailwind is pretty bad on this one imo.
    What specific areas of your project would you like help with?

    Maybe about the sizing of the components

    Mort calculator using tailwind, reactjs+vite

    1
    Quang•350
    @progressive-newbie263Posted 3 months ago

    p/s: God, I did forget about error regex part as well as changing attributes box colors, i will fix it soon

    0
  • delroscol98•410
    @delroscol98Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Using the useRef hook to display the form error messages.

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

    Displaying the form error messages and becoming familiar with the useRef hook.

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

    Open to suggestions.

    Mortgage Calculator - React

    2
    Quang•350
    @progressive-newbie263Posted 3 months ago

    great job mate! Lol, watching your live site actually reminds me that i forgot to do the error regex part as well as the yellow color on attribute boxes, so much appreciated ya about it

    0
  • delroscol98•410
    @delroscol98Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of my data management and distribution using useContext and useReducer for the first time in my own project is a massive achievement for me.

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

    Walking into this project I knew it was going to be difficult, despite the functionality and the user experience seeming very simple, I knew that I was dealing with data fetching and more complex state management. Therefore the following mental notes were made:

    1. The dessert list is only rendered and not used anywhere else, and therefore needs to be fetched and stored in some useState variable
    2. The cart list is a bit more complex and needs to be updated depending on user interactions, plus it needs to be display when the user confirms their order, this calls for useContext
    3. Due to mulitple state updates happening at a click of a button, useReducer is a necessity
    4. Since I was fetching data, useEffect was needed coupled with useCallback to avoid infinite re-renders
    What specific areas of your project would you like help with?

    If there are any components that are able to be abstracted, please let me know!

    Product Cart | React + Vite + CSS Modules

    1
    Quang•350
    @progressive-newbie263Posted 3 months ago

    i am speechless haha. You sir did a really great job, much better than mine, so i can't give any helpful comment to you. The useReducer felt like a miracle to an also newbie at React like me. Keep up the great work man.

    0
  • Quang•350
    @progressive-newbie263Posted 3 months ago

    Great job chief!

    0
  • Dipesh•430
    @Dipesh-sapkota1Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of making it responsive

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

    I was having hard time updating each data to each card, I just took time away from it and I just figured out by simply adding index of array to each card.

    responsive time-tracking-dashboard using tailwindcss

    1
    Quang•350
    @progressive-newbie263Posted 4 months ago

    It looks great chief. Imo, a small thing we can adjust is making it a bit bigger to look closer to the given design (each box's size, line gap between the infos in those boxes, ...)

    0
  • Sam Hooker•680
    @35degreesSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of solving all the details related to the email error messaging, like using JS to change the styles. I also liked building out a modal that's useful

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

    I had to use a lot of outside resources and learning platforms to get up-to-speed on inputs, and I had a lot of issues with the submit button and the correct form syntax. I wrestled with it and feel good about the outcome.

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

    JS is going to take a while to become fluent in.

    HTML CSS Flexbox Grid @media and JS

    1
    Quang•350
    @progressive-newbie263Posted 4 months ago

    it looks amazing sir. One small adjustment i'd say is make it a bit larger so that it will be more similar to the given design. Other than that the code works beautifully.

    0
  • Quang•350
    @progressive-newbie263Posted 4 months ago

    amazing work good sir. This is my first tailwind project too, and i learnt a lot about your code to fix my messy code in the future

    0
  • Quang•350
    @progressive-newbie263Posted 4 months ago

    i think we can do some adjustments in the header part ('reliable, efficient...') by changing the font-size of the title and the font-color of the below text. Other than that, it looks great sir.

    0
  • Lara Mesa•180
    @Lara-artSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    With this exercise, I learned how to resize the grid in media.

    .grid { grid-template-columns: 1fr; grid-template-rows: 30vh 50vh; max-height: 800px; }

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

    Where I had the most trouble was with resizing the image in the @media query because I couldn't get it to be the size I wanted in the grid.

    img { border-radius: var(--radius-grid) var(--radius-grid) 0 0; width: 100%; height: 100%; object-fit: cover; }

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

    I'd like to know the best way to find the average of the grid.

    Product preview card component solution

    1
    Quang•350
    @progressive-newbie263Posted 4 months ago

    You should add align-items: center for the discounted price as well.

    About the grid, I used display flex (since you can adjust it via flex-direction: row and flex-direction:column) ,and change it by percentage in my submission so i am not sure about doing it with grid. But in changing queries, if you use grid, you can looking up to "grid-template-rows". I hope this helps.

    0
  • Elle00•90
    @Elle-yeSubmitted 4 months ago
    What challenges did you encounter, and how did you overcome them?

    I had some challenges with the Nutrition table. I was trying to make it similar to table without using the table element. I was not able to overcome this challenge properly, so I used the table element.

    Recipe page using HTML and CSS

    1
    Quang•350
    @progressive-newbie263Posted 4 months ago

    The design looking great! One small adjustment i think you can make is changing the background color of the preparation time section

    0
  • Kamgo N Elton•70
    @kelton-glitchSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Being able to work out the different detail and add a touch of my own was quite refreshing

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

    Adjusting the middle card seemed to be a challenge at some point, but it was approached from a reminder of knowledge gotten from previous tasks

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

    I think this task was well suited and I would appreciate any feedback I can get from it

    Social links task

    2
    Quang•350
    @progressive-newbie263Posted 4 months ago

    While the background and the card looks amazing, i think there are a few adjustments we can make to make it looks even closer to the design. We should changing the distance between his name, his location and his introduction, it looks a bit too far from each other

    Marked as helpful
    0