Quotient Used AI
### Demo email and password
email: [email protected]
password: hackclub
*If you find any bugs pls message me on Slack: mattseq*
### Inspiration
My friends at school started writing down quotes, mostly really funny out-of-context ones, with the promise that at the end of the semester we'd all get together with all our quotes and play a Kahoot to guess who said which one.
### Pitch
“Everyone has that one friend who drops the funniest roast, the most random out-of-context line, or the perfect piece of wisdom. But those quotes usually get lost. **Quotient** is a quote bank that makes saving and sharing those moments effortless — and turns them into games.
Build your own quote bank, join groups to pool sayings together, and play quizzes. It’s part memory vault, part trivia night, and all about the joy of collecting and playing with words.”
### Tech Stack
Made with React and Framer Motion. Appwrite as BaaS and for hosting.
Followers
No followers yet
Ship Your Project
Get ready!
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
Timeline
Just a few tweaks for the final product: added animations to login page, some bug fixes for the create account button, etc. Also submitted for the Appwrite Sites Hackathon.
Ok i added animations to the sidebar, group page, and quiz page. I also fixed the sidebar scrolling and styled the quiz page.
I added editing and deleting of groups. I put the buttons next to the quiz and leaderboard buttons. I just used the component for creating a new group to edit as well. Only major thing left is adding animations with Framer Motion.
Made the quiz actually write results to Appwrite. Also added Leaderboard page but right now it just functions as a quiz history. I might change it to that bc I have no idea how else it would work with this.
Spent a while fixing a little bug with the logo not showing. Had to do with the fact that I referred to it in an image src with its file path instead of importing it. Tried adding a create account and email verification but it wasnt working. I took a look at using OAuth2 with Google but i didnt want to do all that. I undid the previous changes and just added the create account button so at least anybody can create an account and use the website now.
Finally got the layout looking a bit better. Added the logo and some icons. The add buttons for groups and quotes look a lot better now and are better placed. I also really like where the quiz and leaderboard buttons are now since they're no longer in the way of the quotes. I also added a delete button for the quotes. Now that I'm finally happy with the layout, time to work on the create account part for the login page, and the quizzes and leaderboard
You can now edit quotes. I also changed the layout AGAIN. i just can't find a good layout. still not satisfied. some feedback or ideas would be much appreciated
added modals for creating new groups and quotes, search for users when creating groups, better organization for quote section. Ok, byeeeee, I need foooooood
Switched to a sidebar layout instead of multiple pages for better navigation. Updated the styles a bit. Looking at potential color schemes but haven't changed so far.
Things are coming along well. I changed the colors again because I want to test out other colors (in case you didn't notice, they're almost the same colors and styles as Supabase and Appwrite use in their websites). Got most of the stuff working with Appwrite. I need to work on better navigation later. Maybe add a sidebar for the groups instead of having separate pages. Also, since this was vibe-coded, I'm going to look through it all so there aren't problems later bc GitHub Copilot was stupid.
Just started making this. One of my friends started a quotebook for school, which is where I got the idea. Started just figuring out color scheme and layout along with functionalities, features, and database structure.
