Motion

Inspiration

Our objective is to destroy popular notes app, Notion. We feel that its paid features and difficulty to customize makes it inferior to our free, highly customizable, themes and colours. There is a style and aesthetic for everyone looking to use Motion!

What it does

Motion is a study app, that contains components that allow users to customize their study experience. Things such as draggable components, pomodoro timers, sticky notes, inspirational quotes, ai integration... Motion has it all. Its database integration allows users to save and sync their information across devices, making it accessible from anywhere.

How we built it

Reactjs for frontend elements, Tailwind Css for stylistic features, and Firebase's firestore for database.

Challenges we ran into

We are relatively new to ReactJs, so learning how to refactor things, generalize components was definitely a curve. The integration of various features such as a quotable api, and other css features was another learning experience.

Accomplishments that we're proud of

Various themes, collaboration, customizable colours, gif integration, learning how to use react, Gemmini AI integration.

What we learned

Fullstack development requires a lot of work! Even though not everyone in our group is proficient with coding, we all found purpose in divvying up work; some of us worked on UI inspiration, others on backend and coding, and all together our website is very polished in the end.

What's next for Motion

For motion, we intend to add a couple of leaderboard features with our pomodoro timers. Students will be motivated to study and climb a ranked leaderboard, filled with rewards. We intend to add further UI upgrades as well.