Skip to content
OverviewSolutions
6
Comments
7
Arman karimi
@iArmanKarimi

All comments

  • Arman karimi•80
    @iArmanKarimiPosted over 1 year ago

    Excellent solution, Gerry. Great use of React, Vite, and Tailwind for the challenge. Keep up the good work

    1
  • Caramello•180
    @BuzzFizzerSubmitted over 1 year ago

    console.log("Hello Programmers"),

    Taking on a challenge like this after a level 4 one makes this one seem much easier.

    Technologies Used:

    Difficulties Encountered:

    • API Endpoint: The API endpoint intended to provide random advice did not function as anticipated. It consistently returned the same advice, even though the documentation indicated that it shouldn't when allowing a 2-second gap between requests. (I resolved this by creating an additional function that generates random numbers and using an alternative endpoint to retrieve an advice with the generated number.)

    If you have any suggestions on how I can improve my code, I would greatly appreciate it if you could leave a comment. Thank you in advance. (✿◠‿◠)

    Advice generator app

    2
    Arman karimi•80
    @iArmanKarimiPosted over 1 year ago

    Great solution. Impressive use of TypeScript and SCSS/Sass. keep up the excellent work.

    1
  • Caramello•180
    @BuzzFizzerSubmitted over 1 year ago

    console.log("Hello Programmers"),

    This is my first project ever using TypeScript and Vue.js, and I hope I did a decent job.

    Technologies Used:

    Naming Convention:

    • BEM (Block Element Modifier)

    Difficulties Encountered:

    • Media queries: I always find working with media queries to be a pain, especially with Vue components that are reliant on one another. Any suggestions on how to better tackle this are greatly appreciated.
    • Linear-gradient: linear-gradient does not play nice with the transition property, if you have any work around please leave me a comment.

    Questions:

    • Does Vue.js scoped styles make the BEM naming convention redundant ?

    If you have any suggestions on how I can improve my code, I would greatly appreciate it if you could leave a comment. Thank you in advance. (✿◠‿◠)

    Newsletter sign-up form with success message

    10
    Arman karimi•80
    @iArmanKarimiPosted over 1 year ago

    Impressive solution! Your use of TypeScript and Vue.js for the Newsletter sign-up form is commendable. The form looks clean and user-friendly. Keep up the great work! 👍

    1
  • Brunno Hibbeln•220
    @BrunnoHibbelnSubmitted over 2 years ago

    Well, I'm a beginner so I imagine that there are many better ways to implement the code, I didn't have big problems doing the project but I had some doubts that I'll separate to make it easier.

    • We had to develop following the widths: 375px and 1440px. But I just added a media query (max-width: 375px) and changed what I thought was necessary. I didn't use a media query (max-width: 1440px) because then I would have to rewrite all the styles, or not?

    • I imagine that the way I used to get the user's data and treat it was not the most ideal way, do you know a better way?

    Functional programming and media query in css.

    2
    Arman karimi•80
    @iArmanKarimiPosted over 1 year ago

    Great job on completing the functional programming and media query in CSS coding challenge. Your solution looks good. As a beginner, it's natural to have doubts about implementation, but you've done well. In terms of user data handling, there are various approaches to consider. Keep up the good work. Happy coding.

    Marked as helpful
    1
  • Kenny Ng•400
    @kennylun123Submitted over 1 year ago

    Hi everyone, this is my solution for a responsive e-commerce page with NextJS 13, In this challenge, I found that the most difficult part is dealing with the server and client components. It's completely different from how I've been building websites.

    Any comment would be appreciated and helped me grow further.

    Thanks for your help!!

    Responsive E-commerce product page with NextJS, Lightbox, Context API

    1
    Arman karimi•80
    @iArmanKarimiPosted over 1 year ago

    Nice work on your solution for the responsive e-commerce product page. The page design is visually appealing and the responsiveness is on point. Great job incorporating the lightbox feature for an enhanced user experience. Keep up the good work.

    1
  • Arman karimi•80
    @iArmanKarimiPosted over 1 year ago

    good job

    0
  • Melvin Aguilar 🧑🏻‍💻•61,140
    @MelvinAguilarSubmitted over 1 year ago

    Hi there 👋, I’m Melvin and this is my solution for this challenge. 🚀

    🎁 Features:

    🛠️ Built With:

    • React JS. ⚛️
    • React Hook Form. 📝
    • Framer Motion. 🎬
    • TailwindCSS. 🎨
    • npm - prettier - prettier-plugin-tailwindcss. 📦

    Any suggestions on how I can improve and reduce unnecessary code are welcome!

    Thank you. 😊✌️

    Fylo dark theme landing page (React JS + Tailwind CSS + Framer Motion)

    16
    Arman karimi•80
    @iArmanKarimiPosted over 1 year ago

    Great job on your solution. The design looks fantastic, and you've done an excellent job recreating it. The animations using Framer Motion add a nice touch, and your use of React JS, Tailwind CSS, and React Hook Form is impressive. It's also worth mentioning that your attention to performance optimization is commendable, as reflected in your high scores on the lighthouse report and PageSpeed Insights. Overall, your work is highly professional and visually appealing. Keep up the good work.

    1