Inspiration
Many a time we become confused while doing a hackathon project about what to do and in which order to do it. Thinking about this, I opted to build this simpler version of our very own notion, NotionJS
What it does
It helps authorized users to enter or create a team. The teams have various tasks added by the members under certain categories. They can drag & drop those tasks according to their wish and organize their project.
How we built it
I built the frontend with ReactJS and the backend using NodeJS and MongoDB. In order to authorize the users, I used the services of Auth0.
Challenges we ran into
Understanding the drag & drop mechanism was too difficult. The update and creation of documents in MongoDB from drag & drop were challenging at times. Keeping the states updated also required a lot of reading. Understanding the authentication process in order to customize in my own way also gave a bit of trouble :)
Accomplishments that we're proud of
I'm proud that I could build the simpler version of the notion, even though it could function a little compared to the actual notion. I'm proud that I could keep track of tasks that could help hackers to organize their hackathon projects.
What we learned
While building this project, I learned state management in react, authentication system of NodeJS, managing routes in NodeJS, connect my react app to database and nonetheless read+write to MongoDB database.
What's next for NotionJS
I hope to add more functionality to the site which would make it more similar to the actual notion website. I also plan to add a few features which could help the hackers especially.
Log in or sign up for Devpost to join the conversation.