This project is made with Vue3, Nuxt3 and typescript and CVA and without any UI libraries. For the favourite feature I used Pinia with pinia-plugin-persistedstate to keep our store values in the localStorage. CVA is present just to showcase what we can do with it in a real design system, it can manage all the different variants of our components. I used fontAwesome just for the icons.
In the compoments/UiKit folder you can find all the components that I used and in the pages folder the two page used for the project.
Look at the Nuxt 3 documentation to learn more.
Make sure to install the dependencies:
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun install
Start the development server on http://localhost:3000
:
# npm
npm run dev
# pnpm
pnpm run dev
# yarn
yarn dev
# bun
bun run dev
Build the application for production:
# npm
npm run build
# pnpm
pnpm run build
# yarn
yarn build
# bun
bun run build
Locally preview production build:
# npm
npm run preview
# pnpm
pnpm run preview
# yarn
yarn preview
# bun
bun run preview
Check out the deployment documentation for more information.