I can't figure out keyboard controls yet unfortunately
Aniket Botre
@Aniket200-indAll comments
- @MDDiallo9Submitted 11 months ago@Aniket200-indPosted 11 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 - @wlowrimoreSubmitted 11 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!
@Aniket200-indPosted 11 months agoGreat 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 - @defydefSubmitted 11 months ago
This is the solution for Dictionary web app challenge, using React and Tailwind CSS. Feel free to give your feedback, any feedback are welcome 😊
- @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 withTailwindCSS
🛠️ | Mobile-First approach 📱 - Utilized
prettier-plugin-tailwindcss
to auto-sortTailwindCSS
classes 🎨 - Implemented JavaScript's inbuilt
fetch API
to make calls to internal JSON data ⚙️ - Utilized
BEM
principles to create a consistent structure ofTailwindCSS
classes - Minified the
CSS
files to improve site performance 🚀
Learned one important thing when injecting
SVG's
throughinline-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
@Aniket200-indPosted 12 months agoGreat Work! Got inspired from your project and I am also doing this project using nextjs and tailwind. You have done it very well!!
1 - Scored
- @Lalithanjali-16Submitted over 1 year ago@Aniket200-indPosted over 1 year ago
You should give a try to make it responsive, as the content is overflowing on mobile view
0