Skip to content

tnamdevnote/mini-project-like-button

Repository files navigation

Mini Project: A Like Button



About

The like button is probably one of the most common features found on the web. It can be found everywhere, not just on social media platforms. In this project, I created a custom like button, taking it from design to implementation. Building a delightful UI element is one of the things I enjoy most about frontend development, and I wanted to challenge myself to recreate this button in a way that is simple and delightful to use.

To learn more about how I created the like button in detail, check out my blog post.

Click here for the demo.

like button demo

Learning Goals

  • Learn about new tools in react ecosystem: NextJS, Prisma, PlanetScale, SWR.
  • Gain understanding of the front-end and back-end system of social media like feature.
  • Learn about implementing sound effect in React