This project was created as a gallery/portfolio for helloitsrufio's (Ruth Reed) hobby artwork. This artwork is currently stored on her Instagram page under the handle henntober, hence the repo name.
Within Rufio's Twitch community, there is a currency of sorts called channel points. These are a way to reward viewers for their viewership. When viewers watch a stream and interact with it, they earn these points. Most Twitch streamers have 'redemptions' for these channel points, or a way to spend them. One of Rufio's redemptions is a custom henna-style postcard.
The problem that Rufio was running into, however, was a good way to show these postcards when viewers redeemed the postcard redemption. This project was created to solve that problem by allowing viewers easy access to all the potential postcards they could redeem via a gallery-style art portfolio.
This project was coded in public on Rufio's Twitch channel.
The site is a simple front-end application with no server-side code. It is made of a single HTML page.
It includes the following sections:
- Welcome section
- Gallery section: Where all the art is shown via a mosaic/grid.
- About section
- Contact section
Made with HTML5, CSS3, and JavaScript. No frameworks/libraries were used in an attempt to make the website simple and viewer-friendly on stream.
- Rework the CSS in TailwindCSS
- Rework the front-end in React
- Enable an admin to indicate whether a postcard is available or not
- Add a server that will allow an admin to add a postcard entry to the database
If you have questions, concerns, suggestions, etc. feel free to email the developer, Ruth Reed, at ruthreed.dev@gmail.com.