Skip to content
OverviewSolutions
27
Comments
7
Jithin B P
@Jithin-b-p

All comments

  • Serhii Orlenko•345
    @grifanoSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I complete 3 challenges for few days 🙂

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

    The most challenging is just getting started to practice.

    I struggle with the thought that I waste time for practice, and I should do my freelance work to make money. However, I enjoy it more than doing Webflow, and design jobs for my clients for money.

    So I hope I will find a position as a Frontend dev shortly.

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

    Not sure when I should use attribute target="_blank". I remembered that we use _blank properties when we have links that follow to external source, may I be right?

    Social links profile Component | Grifano

    1
    Jithin B P•490
    @Jithin-b-pPosted 8 months ago

    Hai Serhii, Congratulations on completing social links profile component 👏🎉 Appreciating your effort in completing 3 challenges within few days.

    You are right about target attribute it defines where we need to target with its values. Its values includes _blank, _self, _parent, _top etc.

    Happy coding✨

    0
  • Samir•260
    @Samir22RajSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Used sass to create webpage this time. Only used the basics like variables, mixins and import as I am new to it. Was able to complete it a lot sooner than expected.

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

    Not many problems. Am still a bit confused on setting media queries but played around a bit and solved that.

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

    Looking for feedback on the code and implementation of sass in this project.

    Page using flexbox and sass

    1
    Jithin B P•490
    @Jithin-b-pPosted 8 months ago

    Hai Samir, Congratulations on completing the 3-column preview card component💫. Great work from your side. I have some suggestions for you.

    • Arrange your sass files and compiled css into different folders. For more on how to structure a sass folder check this out

    • Use @forward and @use instead of @import in sass as it get phased out by sass within few years. Check out the references to know why @import is not efficient and what are the alternatives. reference-1 reference-2

    Hope these knowledges add helps you in long run🙏. Have a good day and Happy coding 🌟

    Marked as helpful
    0
  • Jithin B P•490
    @Jithin-b-pPosted 8 months ago

    Hai Jyotsna, Congratulations on completing the social link challenge 💫. I have some suggestions for you.

    • Try using relative units like em or rem instead of absolute units like px.
    • Try using meta tag with name description for better SEO.
    • Don't import Google fonts try using font-face to self-host fonts.
    • In the .social-profile use only one method for centering the profile. My suggestion would be give body a min-height 100svh and give social profile a display flex with justify-content center and align-items center.

    Hope this helps you.🙏 Have a good day and Happy coding 🌟

    0
  • Jithin B P•490
    @Jithin-b-pPosted 9 months ago

    Hai James, Congrats on completing the challenge🎉

    I have some suggestions for your code:

    1. Try using anchor tag or button for the link as its not accessible.
    2. Use meta description for better SEO (<meta name="description" content="Put your description here.">)

    Happy coding✨

    Marked as helpful
    0
  • Jithin B P•490
    @Jithin-b-pPosted 9 months ago

    Hai Daniel, This is a nice approach to the solution.🎉

    -Try border-radius: 9999px on image to get it full rounded(This value is also used by tailwind).

    -Also use relative units(eg: rem) for font-size, paddings, margin etc instead of absolute units (eg: px)

    Happy Coding✨

    0
  • Jithin B P•490
    @Jithin-b-pPosted 10 months ago

    Hello there 👋. Good job on completing the challenge !

    I have some suggestions about your code that might interest you.

    In the html try using semantic tags for accessibility use <article> for every testimonial, put the quote paragraph in a <blockquote> tag.

    I hope you find it useful! 😄 Above all, the solution you submitted is great!

    Happy coding!

    Marked as helpful
    1
  • Melvin Aguilar 🧑🏻‍💻•61,140
    @MelvinAguilarSubmitted 11 months ago

    🎁 Features:

    • Achieved 98% in Lighthouse score for performance, accessibility, best practices, and SEO. 📊
    • Simplifying form management using react-hook-form. 📝
    • TypeScript-first schema declaration and validation usin zod library. ✅.
    • Resemblance with the original design. 🎨
    • Small animations with Framer motion. 🎬
    • Ensuring a delightful experience for users who prefer reduced motion. 🚫🎉
    • No errors or warnings using ESLint (Airbnb style guide). ✔️
    • Custom hooks. 🎣
    • Progressive Web App (PWA) support. 📱🌐
    • Utilized TailwindCSS for responsive styling. 🎨
    • Codebase is well-maintained and formatted using Prettier. 💻
    • Tested with the TalkBack screen reader on mobile. 📱🔊
    • Toast Component with Sonner. 🍞🔔

    🛠️ Built With:

    • Next.js 14. ⚡
    • TypeScript 🚀
    • TailwindCSS. 🎨
    • react-hook-form and zod. 📝
    • ESLint (Airbnb style guide). 📦
    • Framer-motion. 🎬
    • npm - prettier - prettier-plugin-tailwindcss. 💻

    Any suggestions on how I can enhance this solution or achieve even better performance are welcome!

    Thank you. 😊✌️

    PayAPI multi-page website (Next.js + TypeScript + Tailwind + ESLint)

    12
    Jithin B P•490
    @Jithin-b-pPosted 11 months ago

    This is awesome!!

    1