Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
26
Comments
23
cassiopeia
@cassiopeia001

All comments

  • yrjeb•550
    @yrjeb
    Submitted about 1 month ago

    Rest Countries API

    #react
    1
    cassiopeia•500
    @cassiopeia001
    Posted about 1 month ago

    good work

  • Dadv-a11y•550
    @Dadv-a11y
    Submitted 2 months ago
    What challenges did you encounter, and how did you overcome them?

    the challenge was to display the errors state and the focus state , i use react state hook function and tenary condition to overcome it

    mortgage repayment calculator

    #react#tailwind-css#next
    1
    cassiopeia•500
    @cassiopeia001
    Posted about 2 months ago

    might wanna check your formula because ur app isnt providing accurate results

  • P
    toshirokubota•1,320
    @toshirokubota
    Submitted 6 months ago
    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•500
    @cassiopeia001
    Posted 2 months ago

    nice work

  • omaressamtefa•10
    @omaressamtefa
    Submitted 3 months ago

    html ,css

    1
    cassiopeia•500
    @cassiopeia001
    Posted 3 months ago

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

  • Adetayo Adewobi•180
    @LivingHopeDev
    Submitted over 2 years ago

    Responsive space tourism site with Tailwindcss and javascript

    #tailwind-css#accessibility
    1
    cassiopeia•500
    @cassiopeia001
    Posted 5 months ago

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

  • AeroB•330
    @AeroBW
    Submitted 5 months ago

    Bookmark landing page

    #solid-js#tailwind-css#vite#typescript
    1
    cassiopeia•500
    @cassiopeia001
    Posted 5 months ago

    nicely done

  • Thomas•550
    @TomSif
    Submitted 6 months ago
    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•500
    @cassiopeia001
    Posted 6 months ago

    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
  • omar kamal•340
    @omarkl95
    Submitted 7 months ago

    Loopstudios landing page

    1
    cassiopeia•500
    @cassiopeia001
    Posted 7 months ago

    looks very similar to the design.

  • MIHAL-SHAIKH•10
    @MIHAL-SHAIKH
    Submitted 8 months ago

    Resposive card

    #bem#sass/scss
    1
    cassiopeia•500
    @cassiopeia001
    Posted 7 months ago

    looks good.

  • Nguyen Duc Tan•380
    @tannguyenk3
    Submitted 7 months ago

    Responsive CSS Grid

    1
    cassiopeia•500
    @cassiopeia001
    Posted 7 months ago

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

  • Musa Muhammed Awwal•280
    @AhmNice
    Submitted about 1 year ago

    News-homepage

    1
    cassiopeia•500
    @cassiopeia001
    Posted 8 months ago

    website doesnt match the design

  • Skyler Ang•330
    @skyleranglh
    Submitted 9 months ago

    Contact Form

    1
    cassiopeia•500
    @cassiopeia001
    Posted 9 months ago

    nice work

  • Demetrio Julian•810
    @dejuliansr
    Submitted 9 months ago

    Faq Accordian

    1
    cassiopeia•500
    @cassiopeia001
    Posted 9 months ago

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

  • Papi•280
    @Papi84
    Submitted 10 months ago
    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•500
    @cassiopeia001
    Posted 9 months ago

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

  • amutsamoses•200
    @amutsamoses
    Submitted 10 months ago

    Tip Calculator App

    2
    cassiopeia•500
    @cassiopeia001
    Posted 10 months ago

    could be improved, otherwise works well enough.

  • Christina•240
    @codercreative
    Submitted 10 months ago
    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•500
    @cassiopeia001
    Posted 10 months ago

    nicely done.

  • Danae Lescano•270
    @Lescano713
    Submitted 11 months ago
    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•500
    @cassiopeia001
    Posted 11 months ago

    good job.

  • SergioBrandaoF•130
    @SergioBrandaoF
    Submitted 12 months ago

    Testimonials Grid

    1
    cassiopeia•500
    @cassiopeia001
    Posted 12 months ago

    css code could be optimized

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub