runme
id version 01HNFJM8VBRHGW2ZJ2MTWXA3KM v2.2

Welcome to RoomCraft!

We all are the main characters of our own stories. And we deserve a strong arsenal of tools to accompany us on our hero’s journey.

Introducing: RoomCraft which uses gamification to help you be the most productive version of yourself, so you can slay the dragons of your life.

Picture this: Your virtual room is a dynamic landscape, featuring sections tailored to your needs. Take class notes, update your todo-list, and study with a pomodoro timer, all on the same website.

But RoomCraft is not just a solitary journey; just like in every adventure, you meet a wide array of friends along the way. Exchange notes and messages to your friends through the notebook feature and showcase your achievements on a leaderboard based on exp earned from completing todo-list items. Gain more achievements so that you can unlock more chapters in your very own hero's tale.

Whether you're facing academic challenges, work projects, or personal goals, RoomCraft motivates you to be the most productive version of yourself. It's time to slay the dragons of procrastination, disorganization, and inefficiency. So what are you waiting for? Your journey begins now with RoomCraft!

Citations

“Material Symbols and Icons.” Google Fonts, Google, fonts.google.com/icons. Accessed 31 Jan. 2024.

Mozilla. “Getting Started with React.” Mdn Web Docs, developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started.

Open AI API.” Open AI, openai.com/product. Accessed 31 Jan. 2024.

Zenoamaro. “A Quill Component for React.” GitHub, github.com/zenoamaro/react-quill. Accessed 31 Jan. 2024.

Reference Links

https://medium.com/@mircea.calugaru/react-quill-editor-with-full-toolbar-options-and-custom-buttons-undo-redo-176d79f8d375

https://stackoverflow.com/questions/66071101/how-to-remove-quill-js-toolbar-border

https://quilljs.com/docs/formats/

https://codepen.io/alexkrolick/pen/evGLwW

https://docs.google.com/presentation/d/1-096jf5d_j9RhdTW_1PsGPb2rre7fSY_tmhFqhMVpWE/edit#slide=id.p1

https://stackoverflow.com/questions/38791919/call-a-function-after-leaving-input-field#:~:text=You%20can%20use%20onblur(),out%20of%20that%20text%20field.

https://stackoverflow.com/questions/63092627/react-cant-filter-array-properly

https://blog.logrocket.com/creating-beautiful-tooltips-with-only-css/

https://stackoverflow.com/questions/25311541/how-to-vertically-align-text-inside-a-flexbox

https://www.w3schools.com/jsref/jsref_includes_array.asp

https://stackoverflow.com/questions/4228356/how-to-perform-an-integer-division-and-separately-get-the-remainder-in-javascript

https://www.w3schools.com/jsref/jsref_tostring_number.asp

https://stackoverflow.com/questions/57137094/implementing-a-countdown-timer-in-react-with-hooks

https://stackoverflow.com/questions/54069253/the-usestate-set-method-is-not-reflecting-a-change-immediately

https://codesandbox.io/p/sandbox/resizing-canvas-with-react-hooks-gizc5?file=%2Fsrc%2Findex.js%3A34%2C18-34%2C68

https://stackoverflow.com/questions/1202425/making-the-main-scrollbar-always-visible

https://developer.mozilla.org/en-US/docs/Web/APhide%20imI/CanvasRenderingContext2D/drawImage

https://stackoverflow.com/questions/68745579/how-to-capture-tab-key-press-in-react-component

https://www.deviantart.com/basstezi/art/Pixel-Door-968682443

https://stackoverflow.com/questions/50817727/change-scrollbar-height