Over the past two months, I've been studying React and Tailwind CSS extensively, primarily through their official documentation and various other resources. Now, it's time to put that knowledge into practice by building something real!
I followed a tutorial by @kushald on YouTube:
During the project, I used:
- Lucide Icons for the icons.
- Tailwind CSS for responsive design, leveraging its utility classes to make the page fully responsive.
- Framer Motion for Animation especially while scrolling on the page.
- i18n for multilingual support, enabling dynamic translation of content and seamless switching between languages (e.g., English and French) using react-i18next, with language detection and lazy loading of translation files for better performance.
This was a great learning experience, and I feel my skills have improved significantly. Special thanks to @kushald for the excellent tutorial!
- HackerRank:
- CodePen:
- Built with React and Tailwind CSS.
- Fully responsive design.
- Multilanguage support.
- Utilized Lucide Icons for a modern look.