Pvpark

Inspiration

As computer science students, we're well aware of the negative consequences that come with prolonged coding sessions and a sedentary lifestyle. That's why we decided to center our attention on 'HealthHacks,' aiming to enhance overall well-being by promoting physical activity. Our primary goal was to develop an interactive website that motivates individuals to step outdoors, engage in physical movement, and ideally, foster user commitment for long-term benefits.

What it does

We developed a website that enables users to initiate or join sports matches at their preferred parks. After selecting the park, the website provides real-time weather conditions to help users prepare for the environment. For those seeking a challenging experience, we introduced a ranked option featuring a skill-based matchmaking system. Additionally, users can explore their overall statistics in the profile section, offering insights into their performance across different sports categories.

How we built it

We first thought about the interface of the website using a flowchart. Then we built the front end using react js and tailwind. Last thing we integrated was the api to help us search for what we needed in our projects.

Challenges we ran into

The biggest challenge we faced was our unfamiliarity with react and tailwind which is what we decided to use to build our website. Another problem was the time constraint since we were spending half of the time researching the fundamentals we lacked.

Accomplishments that we're proud of

We are proud of the fact that we were able to not only learn react and tailwind which were the main parts of our website, but also we were able to put out a pretty good looking product.

What we learned

We learned react and tailwind. We also tapped into our creative side and learned more about how to design a website.

What's next for Pvpark

Some future improvements we have is to implement a login system and for users to fully customize their own profile with stat tracking across multiple sports, a friend system, etc.

Built With

• react
• supabase
• tailwind