P
@jasper2virtualSubmitted 2 months ago
👋 Hi! I’m Smailen, a passionate frontend developer focused on React and TypeScript. I enjoy building accessible, responsive layouts and improving my skills with every challenge on Frontend Mentor. Outside coding, I love video games and playing my electric guitar. Excited for the next project! 🎸🚀
I’m currently learning...Html, CSS, JavaScript, TypeScript, Tailwind, Shadcn UI, React.js
Latest solutions
Ecommerce with React and Tailwind v 4.0.6
#framer-motion#react#tailwind-css#vite#react-routerPSubmitted 26 days agoI've decided to separate the types and the application's logic to keep the components as clean as possible. The problem is that everything still feels a bit messy.
Do you have any suggestions on code organization methods besides Atomic Design?
Contact form whit React, Typescript and Formik
#accessibility#react#tailwind-css#typescript#vitePSubmitted 6 months agoAll feedback welcome 😃
Faq accordion accesibility
#accessibility#react#shadcn#typescript#tailwind-cssPSubmitted 6 months agoAny feedback is welcome 😉
Frontend quiz whit Typescript
#accessibility#react#tailwind-css#typescript#react-routerPSubmitted 6 months agoAny feedback is welcome! 😉
skilled elearning whit tailwind, shadcn ui, typescript and react
#react#shadcn#tailwind-css#typescript#vitePSubmitted 7 months agoEven though I positioned the image correctly, when I use
absoluteI have issues with the layout, I have to manage it at every breakpoint, otherwise it breaks. In any case, it often happens that the layout breaks between breakpoints. This time, I wanted to try using onlytranslateto position the hero image, which is definitely better than usingabsolute, but the issue of the layout breaking remains. Between breakpoints, the image ends up underneath other components like the navbar or the cards section. I don’t understand what I’m doing wrong, or maybe I need to check the image positioning at each breakpoint. The component in question is HeroImage.
Latest comments
- P@jasper2virtualSubmitted 3 months ago
- P@nvallineSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
This was a good challenge to focus on developing a contact form and some of the finer details that go into creating an accessible form. I am proud about completing the challenge based on the requirements provided.
What challenges did you encounter, and how did you overcome them?Creating the toast animations took a little longer than it should have, but I did learn about a new method to animate from display: none.
What specific areas of your project would you like help with?I would appreciate any tips/suggestions as to improve my code. Thanks!
P@Smailen5Posted 6 months agoGreat solution 😉
But I noticed that the validation only happens when the form is sent, if I correct the input field I don't have immediate feedback if it is correct
Marked as helpful0 - @wendyhamelSubmitted about 1 year ago
- @Mohamedkabba444Submitted 7 months ago
- @marcfrancissSubmitted 9 months ago
