1Percent.study

This is the landing page you see when you have not been authenticated yet.
After you login through Auth0, you are directed to the streaks page where you can see all of your current habit streaks.
"Tinder-like" feature to find wellness groups recommended for you.

Inspiration

We were inspired by how Duolingo makes it easy and rewarding to learn a new language and so we created 1Percent.study: an easy and rewarding app that promotes self improvement 1Percent at a time. We were also inspired by Tinder, but instead of dating, we wanted to build a sense of community.

What it does

1Percent keeps track of multiple streaks for various topics such as fitness, reading, meditation, etc. Every day, when a user fulfills a task, they can increase the value for the respective streak. Anyone can also form or join a wellness group on 1Percent. Groups are recommended to the user where they can choose to join if they are interested. Groups can be created for any reason or topic in order to build a sense of community. Groups provide a great way for people to interact with people, and better each other as a community.

How we built it

We used React, Tailwind CSS, TypeScript and Figma to build the frontend. We built the backend using next.js and a MongoDB database.

Challenges we ran into

Since we sectioned our work into different parts, it proved quite a challenge to connect everything together and get the frontend linked to the backend and functional. On the frontend, there were challenges with setting up animations to work as intended. On the backend, the lack of a good template for interfaces in JavaScript prevented us from writing code simultaneously.

Accomplishments that we're proud of

We were really proud when we got the full-stack app working with a database.

What we learned

Carter: I helped out on the frontend, and I had no frontend experience going into this. I was able to learn the basics of React. Johann: Using Auth0, I was able to learn about logging in and authentication, and how to connect users to a database. While most of my work was on the frontend, I still picked up the basics of setting up a backend server, and using API's to transfer data back and fourth. Rizoan: I learned how to set up a database with MongoDB and backend functions to read, write and update the database. I was able to pick up the basics of Next.js and backend functionality. Austin: How to work with Next.js and integrating a full stack application with other people.

What's next for 1Percent.study

We plan on adding that the user can apply and tags to groups in order to help specify group recommendations. 1Percent will eventually be a mobile app as well, so we need to create support for multiple platforms and work on the UI to be more streamlined.