Skip to content
OverviewSolutions
9
Comments
5
Aniket Botre
@Aniket200-ind

All comments

  • Aniket Botre•130
    @Aniket200-indPosted 12 months ago

    Great site there!! But I would like to suggest one thing, you can give a fixed height to the main FAQ container as the expansion of accordion is causing CLS problem.

    0
  • William Lowrimore•40
    @wlowrimoreSubmitted 12 months ago

    The biggest hurdle I had in this challenge was the search component. Did anyone else (that used Next.js) run into the e.target.value issue where it called the API after every keystroke? I solved it with debounce. If any of you have a different solution, I would love to hear about it! Thanks!

    Next.js | Tailwind Solution for REST Countries API Challenge

    1
    Aniket Botre•130
    @Aniket200-indPosted 12 months ago

    Great work with loading animation.. and the site is good. I am also developing same project in next and this is perfect for me to take inspiration from!!

    0
  • Aniket Botre•130
    @Aniket200-indPosted 12 months ago

    Great site man, loved it!!

    0
  • Arshad Ali Kaldane•650
    @IamArshadAliSubmitted 12 months ago

    🙋‍♂️ Hello, Everyone,

    Here is my solution for the Time Tracking Dashboard.

    • Scored 94% on Google Pagespeed Insights! 🤩
    • Built with ReactJS | Designed with TailwindCSS 🛠️ | Mobile-First approach 📱
    • Utilized prettier-plugin-tailwindcss to auto-sort TailwindCSS classes 🎨
    • Implemented JavaScript's inbuilt fetch API to make calls to internal JSON data ⚙️
    • Utilized BEM principles to create a consistent structure of TailwindCSS classes
    • Minified the CSS files to improve site performance 🚀

    Learned one important thing when injecting SVG's through inline-CSS dynamically:

    • Sometimes your SVG will be inlined by React so you need quotes around it:
    backgroundImage: `url("${Background}")`
    • otherwise, it's invalid CSS and the browser dev tools will not show that you've set background-image at all.

    Reference: Mattia Righetti's answer on StackOverflow

    Do you know a better way to deal with using SVG's as a background image❔

    I'll be happy to hear them. 🤓

    Code Together | Learn Together | Grow Together

    Responsive Time Tracking Dashboard using ReactJS & TailwindCSS

    1
    Aniket Botre•130
    @Aniket200-indPosted 12 months ago

    Great Work! Got inspired from your project and I am also doing this project using nextjs and tailwind. You have done it very well!!

    1
  • Aniket Botre•130
    @Aniket200-indPosted over 1 year ago

    You should give a try to make it responsive, as the content is overflowing on mobile view

    0