Skip to content
OverviewSolutions
19
Comments
20
P

orrest

@orrest330 points

Follow your feelings...

Latest solutions

View more solutions

Latest comments

  • Grecco Oliva, Franco•310
    @GreccoOliva-Franco
    What are you most proud of, and what would you do differently next time?

    Proud of:

    • Use of Zustand for state management and persist on reloads
    • Going further and add some UX of my own

    Next time:

    • Try Redux instead
    • More pixel perfect
    What challenges did you encounter, and how did you overcome them?

    Challenges:

    • Zustand persist on NextJs => Needs to be treated as a Context and persist the data in localStorage (by default)
    • The need to define every action in the state globally => Segment it into a { state, actions } to effectively splitit with custom hooks
    • Implement the lightbox because I do not understand what would be the right way to implement a button that shows the carousel of images and disables itself in mobile screens
    What specific areas of your project would you like help with?
    • ARIA, as always. Is there any tool that evaluates ARIA?

    NextJS - Tailwind CSS - Shadcn UI - Zustand

    #next#tailwind-css#zustand#shadcn
    1
    P
    orrest•330
    @orrest

    It seems good, carry on~

  • P
    Fırat•370
    @firatyedibela
    What are you most proud of, and what would you do differently next time?

    Creating an animated responsive navigation menu with hamburger-react was a good learning experience.

    What specific areas of your project would you like help with?

    Accessibility.

    Responsive News Homepage with React & Tailwind

    #react#tailwind-css#typescript#motion
    1
    P
    orrest•330
    @orrest

    GOOD!

  • P
    orrest•330
    @orrest

    It seems good.

  • P
    Fırat•370
    @firatyedibela
    What challenges did you encounter, and how did you overcome them?

    Adding smooth animations to reusable AccordionItem component while meeting accessibility standards was a challenge.

    I used the help of motion library, aria-expanded and aria-controls.

    What specific areas of your project would you like help with?

    All feedbacks are appreciated.

    Responsive FAQ-Accordion using React & Tailwind CSS

    #motion#react#tailwind-css#typescript#vite
    1
    P
    orrest•330
    @orrest

    The animation seems great!

  • P
    leeport511•200
    @leeport511
    What are you most proud of, and what would you do differently next time?

    After a year without touching React, I built this project using the library and got it working quite well. I also read the documentation whenever I needed to. Additionally, I learned how to downgrade Vite versions due to Tailwind incompatibility.

    Interactive-rt-comp using react.j, typescript, vite, tailwind css

    #react#tailwind-css#typescript
    1
    P
    orrest•330
    @orrest

    It seems perfect!

  • P
    orrest•330
    @orrest

    Well done, and the animation seems great!

View more comments