felixivance/dribble-ui

Dribble UI

Dribble UI

1. NextJs front end application to simulate the Dribble UI

• Web version only
• Similar to almost alike font and images
• Tests to test the components

TOOLS USED

• NextJs
• Typescript
• Framer Motion
• Jest
• React Testing Library
• Tailwind
• React Icons

To run this project run

  yarn run dev

INSTALLATION

To run this project run

  yarn run dev

Demo

Visit http://localhost:3000

Screenshots

Improvements or Recommendations or Feedback

• could have have used better tools to get actual images from dribble or unsplash if using a real project
• could have used better fonts to match the actual dribble UI with access to the tooling platform example Figma
• could have used better animations to match the actual dribble UI with access to the tooling platform example Figma
• could have used exact metrics and dimensions to match the actual dribble UI with access to the tooling platform example Figma
• could have used better tests to test the components, and perform e2e tests with cypress or puppeteer to test the whole application