Skip to content
OverviewSolutions
16
Comments
19

José Mama

@codesByJose240 points

having become interested in web application. I am on my journey to becoming a Frontend Engineer

I’m currently learning...

Currently Learning

Latest solutions

View more solutions

Latest comments

  • José Mama•240
    @codesByJose
    What are you most proud of, and what would you do differently next time?

    Um... im looking forward to maybe refactoring my lines of code..above all one thing that stood out for me is that this is my most perfect projects because i have had to think in react.. hehe Like logic begins to appeal to me.

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

    one of the challenges i encountered was with the styling since i used chakra... it was kinda difficult to know what Box(div) i should apply certain stylings... but somehow i found my way around it by making enuff mistakes to see the errors and correct it. Secondly, after pushing and publishing this project, the images from the data.json would display because of the file structure and file path.. i kinda had understood where the problem was from but i just didnt know how to rectify it... im already learning more about it by now.. but i am glad to have gotten that rectified. i also came across the problem of working on the items individually.. i mean since its being mapped out at once how would you then affect it individually.. that led me to learn the reduce method.. quite an interesting project yeah. Thanks

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

    ummm.. overall i think this project is good.. but i am open to corrections. Thanks

    Responsive Dessert Product App

    #react#vite#chakra-ui
    2
    José Mama•240
    @codesByJose

    thanks a bunch... a sis by the way

  • Joe•20
    @joefreeman8
    What are you most proud of, and what would you do differently next time?

    I'm really pleased to have completed my first TypeScript project, maybe a little overkill for a project as small as this, but I can see how it would be super useful on larger projects.

    It was also fun to dive in to Tailwindcss. On other recent projects I had been using DaisyUI as a plugin for Tailwind, because it makes life easier and I quite enjoy the prebuilt styles it gives. So I used this project to get used to "vanilla" tailwind again.

    If I were to do this again I would repeat it in TypeScript again, but would be a little more flexible with my css tools - I really wanted to get this pixel perfect, and while I think I didn't do too bad a job, I know it's not "perfect"!

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

    Interfaces and ensuring all my datatypes are defined in each piece of state or function. That sure slowed me down. The other tricky bits were getting the css how I wanted it to be for the different devices.

    I made the mistake of cracking on with a large screen and styled accordingly, it would have for sure been easier to start mobile and build from there - as then the generic sizes are all for mobile and the tailwind sizings won't miss!

    This piece of code took me a while to figure, the key was remembering that I can pass "prevCart" within setCart, to get the latest data/info which is inside of setCart.

     function handleAddToCart(dessert: Dessert) {
    setCart(prevCart => {
      const existingItem = prevCart.find(item => item.name === dessert.name)
      if (existingItem) {
        return prevCart.map(item =>
          item.name === dessert.name ? { ...item, quantity: item.quantity + 1 } : item
        )
      } else {
        return [...prevCart, { ...dessert, quantity: 1 }]
      }
    })
  }
    What specific areas of your project would you like help with?

    As it's my first time TypeScript'ing then I'm open to any feedback regarding it.

    It's currently in dire need of being refactored into components, so I'm well aware of this. Just want to get it submitted and online asap. Will work on refactoring in the coming days.

    Product-List-With-Cart made with TypeScript and Tailwindcss

    #react#tailwind-css#typescript#vite
    1
    José Mama•240
    @codesByJose

    welldone!!!!!!!!!!

  • Anupam•90
    @1nup-AM
    What are you most proud of, and what would you do differently next time?

    This is my first website deployement using github pages services and also my first proper repository on my github. There are few things which i would like to focus more in future projects which are responsive designs and read more official docs.

    What challenges did you encounter, and how did you overcome them?
    1. Blank URL page: After carefully going through the repository and following the steps again and again, i was able to correct the 404 error.
    2. Svg image error: There was the path issue in my project where i added an extra "/" before my image folder. I solved the error by removing it and fix the broken svg imgae.
    3. Vite config: While handling the blank page error, i came upon a step where i needed to set path in vite config file so i corrected the base path.
    4. gh -pages and build folder issue: After deploying, i came to know that there are several steps which i needed to do before i deploy my project which was to create a build page but in vite, the folder name is dist.
    What specific areas of your project would you like help with?
    1. Responsiveness
    2. Proper guide for deploying and debugging issues while creating the project like the 404 error and path conifguration in some files like vite and some guide about build folder as well.

    Result Summary Component using React JS and Tailwind CSS

    #react#tailwind-css#vite
    1
    José Mama•240
    @codesByJose

    yes sometimes with react you could deploy and get that 404 error page.. sometimes this is due to

    • the way your file is named -the way its imported what i mean is if naming your file it Summary.jsx and when you imported it its (./components/summary).. because most times react is case sensitive and even the littlest mistakes can cause massive errors. i hope this helps.
  • José Mama•240
    @codesByJose

    all feedbacks are welcomed

  • Michael Balogun•240
    @Emynex4real
    What are you most proud of, and what would you do differently next time?

    This project looked like the simplest project ever but it turned out to be the hardest i have ever done. I experienced when i started this project and it really affected me. I was so uninterested in finishing, but at the end of crawling back to my challenges and a week of back and forth i was able to perserve.

    What I would have done differently is not to overwork my self mentally and physically because the body never forgets.

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

    A severe burn out that crippled me mentally, After talking with friends and colleagues and i able to get to rest my self and comeback and finish the project

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

    The project turn out to be fine, so for this project I am fine

    Contact Us

    1
    José Mama•240
    @codesByJose

    all feedbacks are welcomed

  • moses ayodele•150
    @mowzayo
    What are you most proud of, and what would you do differently next time?

    i used css for some new features

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

    just background image but it wasn't much of a challenge

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

    media query

    html and css only

    1
    José Mama•240
    @codesByJose

    ...

View more comments