Skip to content
OverviewSolutions
23
Comments
21
cassiopeia
@cassiopeia001

All comments

  • P
    toshirokubota•910
    @toshirokubota
    What challenges did you encounter, and how did you overcome them?

    To properly update the cart with the user interactions was a challenge. I did it with pure javascript but it could be better using react or other libraries.

    I had a problem with loading the data file using fetch(). I think I got the hang of it by the end, though.

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

    I created all the cart items and menu buttons at the load time. As items are added to/deleted from the cart, those are unhidden/hidden in the cart. Initially, I felt that adding/deleting those cart items on the fly would be expensive, but maybe not so much. As a result, my script has gotten more bloated and complicated. I wonder what would be the best practice?

    responsive product list and cart page

    1
    cassiopeia•410
    @cassiopeia001

    nice work

  • cassiopeia•410
    @cassiopeia001

    couldnt check ur code nor ur site you, theyre not found.

  • cassiopeia•410
    @cassiopeia001

    good work, could be improved to look more like the design

  • cassiopeia•410
    @cassiopeia001

    nicely done

  • Thomas•550
    @TomSif
    What are you most proud of, and what would you do differently next time?

    First time with mixins, probably overkill on this project, but was nice to try.

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

    Surprisingly, I didn't face significant challenges with this project. I quickly came up with an idea for creating the slides. I'm not sure if it's the most efficient approach, but I injected the images through an array of objects and did the same for the text. I realize there might be a simpler solution, but I thought this approach would make it easier to maintain in case new images or text need to be added in the future.

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

    Honestly, I had to pause the project for a while due to the hectic Christmas season at work. When I came back to it, it felt like sleeping in someone else's bed—it took me a full day to regain control and remember what I was doing. How do you stay on track with your projects? Do you take notes?

    Room_Homepage-master with mixins

    1
    cassiopeia•410
    @cassiopeia001

    nice work, and as for staying on track with the project i struggled with it as well since i too had to take a break from it and i think that commenting the code is something that might help with that

    Marked as helpful
  • cassiopeia•410
    @cassiopeia001

    looks very similar to the design.

  • cassiopeia•410
    @cassiopeia001

    looks good.

  • cassiopeia•410
    @cassiopeia001

    good job with the funcionality, however your layout is breaking at the top you should check that out.

  • cassiopeia•410
    @cassiopeia001

    website doesnt match the design

  • cassiopeia•410
    @cassiopeia001

    nice work

  • cassiopeia•410
    @cassiopeia001

    the functionality is there however the design needs improving, the background image is missing .

  • Papi•280
    @Papi84
    What are you most proud of, and what would you do differently next time?

    I'm most proud of successfully implementing the interactive components of the project and improving my understanding of HTML, CSS, and JavaScript. It was a great learning experience to see how user interactions can be enhanced to create a more engaging interface. Next time, I would focus on refining my JavaScript skills further to optimize the code for better performance and perhaps explore more advanced JavaScript features. Additionally, I would aim to improve the responsiveness of the design across different devices and screen sizes to ensure a more seamless user experience.

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

    One of the main challenges I faced was working with JavaScript to handle the interactive elements. At times, it was difficult to ensure the functionality worked as intended across different browsers. I overcame this by researching best practices for cross-browser compatibility and debugging JavaScript code more effectively. Another challenge was making sure the design was fully responsive on all screen sizes. To address this, I revisited my CSS and utilized media queries to ensure a smoother, more responsive layout. It was a learning curve, but tackling these issues helped me grow and sharpen my problem-solving skills.

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

    I would appreciate feedback on optimizing my JavaScript code for better efficiency and readability. Additionally, I'd like guidance on improving the responsiveness of the design, particularly with more complex layouts on different screen sizes. Any tips on best practices for structuring CSS and handling potential performance issues would also be helpful as I continue to refine my skills in these areas.

    https://github.com/Papi84/Interactive-Pro/blob/main/style.css

    1
    cassiopeia•410
    @cassiopeia001

    works well, could use a bit more attention to detail for the design and colors.

  • cassiopeia•410
    @cassiopeia001

    could be improved, otherwise works well enough.

  • Christina•240
    @codercreative
    What are you most proud of, and what would you do differently next time?

    I am very happy with the final solution -- although I know there is (always) room for improvement

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

    There were several challenges. One of them was to use the activity title from the JSON file to match and manipulate corresponding HTML elements. By converting titles to lowercase and using them as class names, I efficiently targeted and updated the specific cards in the DOM based on the selected timeframe.

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

    I am open to any and all feedback! Thank you!

    Time Tracking Dashboard built with HTML, CSS, JavaScript

    1
    cassiopeia•410
    @cassiopeia001

    nicely done.

  • Danae Lescano•270
    @Lescano713
    What are you most proud of, and what would you do differently next time?

    I'm proud of the use of functions to retrieve the data from the form. Maybe next time, I can structure the function differently.

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

    I had problems with the proportion of the image; I only wanted to use one image and resize it depending on the screen size. I overcame it using 'auto', but I don’t like it all that much.

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

    I would like to know how I can adjust the proportions of the image and if there's a way to improve the function in js.

    Responsive Newsletter SignUp Form using flexbox and JS

    1
    cassiopeia•410
    @cassiopeia001

    good job.

  • cassiopeia•410
    @cassiopeia001

    css code could be optimized

  • Ham•340
    @hmac100
    What are you most proud of, and what would you do differently next time?

    Felt good just being able to do it without getting really stuck. This was my first time with grid so a little intimidating but managed to make it behave as expected. Had a lot of fun. Not sure if I know enough to determine what other options are out there for doing that particular challenge differently.

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

    The positioning of the cards was a slight hurdle. Got the second column ( the one containing 2 cards ) working by placing the 2 cards in a single containing and grid did the rest. I could be wrong - but I'm assuming that's the most obvious way to do that ?

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

    Seem to be stuck doing desktop first - for some reason I feel more comfortable that way. Not sure if I shouldn't be doing more mobile first challenges. I'll force myself.

    four-card-feature-section

    1
    cassiopeia•410
    @cassiopeia001

    Looks good.

  • P
    Anirudh Chandrasekaran•40
    @sambarvadai
    What are you most proud of, and what would you do differently next time?

    I'm pretty proud of getting the view almost perfectly for both the desktop widths and the mobile widths specified in the style.md file(matching everything from the color elements to the font size, style and placement.)

    For improvement, I'd like to explore more with flexbox shrink properties and make my views more fluid with any screen sizes(currently mobile view has only be tested on Samsung S8+:width:375px).

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

    The biggest challenge was to write out the mobile CSS without hampering the work done for the wide screens. I had to brush up my CSS fundamentals, look up on overriding properties and ensured that whatever changes I made for the mobile layout, I was undoing them for the wide screen by overriding said changes.

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

    Feedback, definitely. Since the community is filled with so many talented developers, constructive feedback will definitely help me improve my skills. Also, if someone can comment on my code quality, it'll definitely help me improve. I know that I have written a lot of redundant CSS and also a lot of maybe unnecessary CSS attributes, so any areas of improvement will help me become a better developer.

    Product Preview Card Component

    1
    cassiopeia•410
    @cassiopeia001

    nice work the solution looks very close to the design however for mobile screens the components should be aligned vertically (check the design images provided).