Improv Blog
A blogging platform where users start with a plot and build a full story using a voting system. Users can submit blocks for each part of the story. The block with the most votes slides into that part of the story.
Background
I created this project after a conversation with a friend of mine. We were talking about how community based applications are so interesting and we wondered what would happen if you let the community create a movie script. The idea later became much broader instead of focusing on movie scripts alone.
The concept of the app is based on community contributions. A post creator can come up with a plot, title, and has the ability to create new story blocks.
Blocks are the collections of contributions for a certain part of the story. Clicking on a block will reveal all the contributions that user thought would be a good fit for that particular part of the story. The block with the most votes will be the one displayed on the main view. Users can continue voting and contributing to a block until the moderator decides to lock it into the story.
Tech Stack
For this applications I decided to use the following tech stack:
- Typescript
- NextJS
- tRPC
- Chakra UI
- Prisma
- NextAuth
- ReactQuery
I further configured the project with my own personal favorite packages including, Husky for commit hooks, prettier/eslint, and react-icons.
Final Thoughts
After starting this project with Chakra UI, I would remove it and stick to tailwindcss if I could start over. Chakra was ver helpful at first but ended up being another tool to learn the quirks of. Using Chakras compoenets out of the box was great. The problems for me came when I wanted to do some customizations.