Preview: https://color-func.vercel.app/

Writeup: https://2manypistachios.hashnode.dev/introducing-colorfunc

ColorFunc

An extremely flexible pallette generator.

Motivation:

https://tailwindcss.com/docs/customizing-colors

Project Structure Extends Default Next.js Structure.

/utils.color.js is the code for color generation on which the UI is built on.

Points of Interest:

/components/elements: Low-level components with limited if any logic

/components/modules: High-level components with extensive logic

/components/layouts: Wrappers

/components/state.js: All project states written for recoil.js

/utils.Fauna.js: The database methods used for the project called in the API routes.

Todos:

• Fire the monkey that coded this
• Counsel the rubber ducky forced to witness this monstrosity
• Add user-generated presets to frontpage
• Add interactivity to frontpage
• Add ability to use custom hues
• Add ability to create custom themes for hues
• Add help function with presets for all math-color functions
• Add improvements to ColorBox to give more info on hover
• Remove ES6 Map from /utils/color.js and refractor project

License

This project is under MIT License

Credits

© 2021 Created by Max Pod