Doticons showcase website

In a Nutshell

-----πŸ₯œ-----

I’m excited to share my latest project, a website designed to showcase the Doticons collection.

I developed this website to provide a clear visualization of the collection, enabling others to see and understand how these icons can be utilized in various contexts. The site features two types of Doticons: 16x16 and 32x32 dot matrix and currently hosts over 700 icons, with more to come.

Tech Stack

-----πŸ’»-----

  • Framework - NextJS with TypeScript

  • Styling - Sass

  • Design - Figma

  • Version Control - GitHub

  • Deployment - Vercel with CI/CD pipeline

  • Utilities - Doticons

Takeaways

-----πŸ“-----

Creating the Doticons showcase website has been an interesting experience. Here are some key takeaways:

  • Enhanced Skills: Improved my proficiency in Next.js and TypeScript.

  • SVG Patterns: Learned how to use SVG patterns in an optimal and responsive way to create complex backgrounds.

  • Design Insight: Gained a deeper understanding of icon design and its impact on user interfaces.

πŸ‘‰ Website: https://doticons-website.vercel.app

πŸ‘‰ GitHub repository: https://github.com/eduardconstantin/doticons-website

πŸ‘‰ NPM package: https://www.npmjs.com/package/doticons

More by Eduard-Constantin Ibinceanu

View profile