This is the first version of my portfolio, I decided to mix different blue colors in my Figma project and the result was pretty cool.
- Run the development server and open http://localhost:3000 with your browser to see the result.:
npm run dev- Run the Storybook server and open http://localhost:6006 with your browser to see the Design System.:
npm run storybookI used these technologies:
- Next.js (App Directory) - an awesome React Framework.
- Tailwind - my favorite library to manage the CSS.
- Framer Motion - my first time with an impressive library to manage the animations.
- Zustand - a magic and fast solution for State Management.
- Font Awesome - a pretty good library to work with icons.
- i18next - a pretty cool solution to manage the Internationalization.
- Storybook - it's just an awesome approach to manage the Design System and UI Testing.
Just chek it out right here!