Hello!

The project architecture was based on what I got used to working on.

• ESLint
• Prettier
• Git hooks (husky, lint-staged)
• Jest
• React testing library
• Styled-components (theme provider)
• Plop
• Storybook
• styled-media-query (responsive purpose)

Features

There are basically four features:

• List bottles
• Get information about the bottle
• Search by beer name
• Add new bottle
  • Save on the device through localStorage

Works perfectly on different device sizes.

Cheers! 🍻

This is a Next.js project bootstrapped with create-next-app.

Getting Started

APP

npm run dev

Open http://localhost:3000 with your browser to see the result.

Storybook

npm run storybook

Open http://localhost:6006 with your browser to see the result.

Test

npm run test