All solutions

🦈 Greetings,

🏆 This is my solution for Loopstudios landing page

➕ Added

• theme-switch toggle
• prefers-color-scheme recognizer
• Navigation change style when scrolled

✅ pixel perfect (apart from theme switch toggle)

🚀 PageSpeed Insights Score :

• Desktop 100 / 100 / 95 / 100
• Mobile 99 / 100 / 95 / 100

🤖 Tech used:

• Typescript
• NextJS 13
• Tailwind CSS

Any feedback or comments are more than welcome.

Thank you, and let's all keep improving, learning, and becoming better! 💪

🦈 Greetings,

🏆 This is my solution for REST countries API with color theme switcher

🚀 PageSpeed Insights Score :

• Desktop 98/ 100 / 100 / 100
• Mobile 86/ 100 / 100 / 100

🤖 Tech used:

• Typescript
• NextJS 13
• Tailwind CSS
• Redux-Toolkit

📚 Libraries:

• Framer-motion
• Axios

📄Features

• Theme Switcher
• Infinite scroll (UI/UX and optimization of fetched data)
• Smooth layout transition when filtering data

Any feedback or comments are more than welcome.

Thank you, and let's all keep improving, learning, and becoming better at Coding! 💪

🦈 Greetings,

🏆 This is my solution for single page design portfolio

🚀 PageSpeed Insights Score : 100 / 95 / 100 / 100

✅ 96% pixel perfect by my humble eye 🙂

🤖 Tech used:

• Typescript
• NextJS 13
• Tailwind CSS

📚 Libraries:

• Framer-motion (work carousel)
• react-swipeable (work carousel)

📄Additional notes:

• Work carousel with smooth moving items, switch between items with dragging, left and right arrow keys press or just clicking buttons

Any feedback or comments are more than welcome.

Thank you, and let's all keep improving, learning, and becoming better! 💪

🐱‍👓 Greetings,

🏆 This is my solution for the manage landing page

🚀 PageSpeed Insights Score : 100 / 95 / 100 / 100

⚙ Tech used:

• Typescript
• NextJS 13
• Tailwind CSS

📚 Libraries:

• Framer-motion (draggable desktop testimonials)
• react-swipeable (swipeable mobile testimonials)

📄 Additional notes:

• Interactive testimonials
• Added success message when submitted newsletter
• Designed for mobile and desktop, so on tablet size devices there is room for improvement in design, for now it is how it is.

Any feedback or comments are more than welcome.

Thank you, and let's all keep improving, learning, and becoming better! 💪

🙂 Hello,

🏆 This is my solution for easybank landing page

🤖 Tech used:

• Nextjs 13
• Tailwind CSS
• Typescript

Any feedback or comments are more than welcome.

Thank you, and let's all keep improving, learning, and becoming better! 💪

🙂 Hello,

🏆 This is my solution for bmi calculator

🪛 Tech used:

• Nextjs 13
• Tailwind CSS
• Typescript

Any feedback or comments are more than welcome.

Thank you, and let's all keep improving, learning, and becoming better! 💪

🙂 Hi, my name is Tomislav

🏆 This is my solution for the Workit landing page

🪛 Tech used:

• Nextjs 13
• Tailwind CSS
• Redux Toolkit

📄 Additional notes:

• I fixed the navigation and implemented a feature where it changes the color of the logo and text when it passes the hero section, transitioning from 'light' to 'dark' text. For this purpose, I also utilized Redux Toolkit for state management of this specific navigation state (which may be considered overkill for this project and this specific feature, but I used it for practice reasons 🙂 ).

Any feedback or comments are more than welcome.

Thank you, and let's all keep improving, learning, and becoming better! 💪