Mintbean.io Hackathon (November 15 - November 23, 2021)
- Abstract
- Technologies
- Code Architecture
- Install and Set Up
- Illustrations
- Wins
- Challenges
- Contributors
- Project Specs
The challenge for this Mint Bean Hackathon was to create an app that users can make art in a visual format. Rosso allows users to draw free form lines in varying thickness, choose a color to paint with from 4 different color palettes based on earth themes, listen to soothing nature sounds in order to feel the colors, as well as have the ability to make happy accidents (aka erase parts of their drawing). The landing page gives users a feel for the app and a chance to meet the creators.
- Javascript
- HTML, HTML5 Canvas
- CSS
- React
- React Router
- ContextAPI
- Hooks
- NPM
To run the application locally:
- Clone down repo
- Run
npm install - Run
npm start - The browser will open up a new window with the app!
You can see this application on the following link:
- This was our first time participating in a hackathon
- Fixing multiple bugs related to state and styling
- First time working with a dedicated UI/UX Designer on the team
- Challenges determining MVP or features of the app given the short time frame
- Styling and positioning of the toolbar
- Finding appropriate resources for canvas
- Implementing a Flood Fill tool
- More project info can be found here