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