Filter Designer is a web application developed as a part of the HackVenture 1.0 challenge organized by UoK. It allows users to design filters by creating custom patterns using a grid of cells. This tool was developed by Team Epsilon.
https://hackventures-grid-collage.netlify.app/
- Grid Layout: Users can specify the size of the grid, which determines the number of cells displayed in a single row.
- Color Selection: Users can select colors using a color picker tool.
- Cell Coloring: By clicking on individual cells, users can change their color to the selected one.
- Design Creation: Users can create intricate designs and patterns by coloring cells as per their requirements.
- Output Generation: Upon clicking the "Generate Output" button, the application displays a string representing the cell indices along with their corresponding colors in a JSON object format.
- Visit the Filter Designer website.
- Specify the size of the grid (number of cells per row).
- Use the color picker tool to select a color.
- Click on individual cells to change their color.
- Design your filter by coloring cells accordingly.
- Once satisfied, click the "Generate Output" button.
- Copy the generated JSON object containing cell indices and colors for further use.
- Who can apply your filters and create collages using this notebook, created also as a part of the challange.
Special thanks to Taem Epsilon team mates who supported me in project excution. Also, the design was by @pasandi. A work of art if i say so myself. 🥳