Rise | Devpost

Landing Page
Login
Register
Enter Goal
Set Milestone
Home
Pet Shop

Inspiration

A New Year's resolution is a tradition in the Western and Eastern Hemisphere. It is known that you are 42% more likely to achieve your goals if you write them down on a regular basis.

Inspired by a study which showed that telling the right people about your goals would increase your chances of achieving them, we built a goal tracker to help people track their New Year's resolutions and share their progress with followers on social media. We also made it fun and enjoyable by adding gamification components.

What it does

The web app allows users to enter their goals for 2021, and set milestones every week, so they don't get discouraged or off focus, and can, instead, complete smaller, more easily achievable steps. As the saying goes, "A journey of a thousand miles begins with a single step." The milestone for the week will be displayed at the top of the homepage, along with a progress bar that will increase, as you complete each one. When that happens, users will level up and be able to unlock more pets from the gift shop.

Features

User can register for an account and log in either manually or by connecting their Google account
Users can set their goals and milestones during the onboarding process.
On the Homepage, users can view their progress toward the milestone and a tab to share their achievements to social media.
In the Shop, users can unlock pets if they're at a high enough level.

How we built it

Rise is a full-stack, single-page application, and it was made using the following:

UI design using Marvel

Our team designed the layout and main features for the app using Marvel

Front-end development using React and Redux

We used React for front-end development and Redux for state management

Back-end development using Express, Postgresql and Sequelize

We used Sequelize for the database models and Express.js for the API routes

Challenges we ran into

Not all of our developers had experience in React and Redux. We had to first code in HTML, CSS, and Javascript before we could convert the front-end files into React components.

Being in different timezones was a major challenge and not all developers were awake at the same time. We overcame this by planning ahead and communicating effectively in our group chat.

Accomplishments that we're proud of

Awesome click fireworks animations on the landing and onboarding pages. All the functions in the app work properly. We had a lot of fun brainstorming, prototyping, and coding the web app, with half of our team being beginners!

What we learned

We learned how to use new software and languages. For instance, one of our members learned some basic PHP, and, even though we didn't end up using it, it will come in handy in the future. We also learned a lot about how to use React and Redux for web development.

What's next for Rise

We would've loved to create an in-game currency that users can receive when they complete their goals so they can purchase toys for pets. We wanted to add a country option to the shop as well, so that users can switch to the animal predominantly associated with New Year's in their country. The default one is China, which explains the dragons. For the homepage, we would like to add goal tracking, so users can see the progress they make over a period of time, and other goal features like their due dates, descriptions, and level of difficulty.