TOP G

• 

  Login Page

• 

  Registration Page

• 

  Home/Main Page

• 

  Gym List Page

• 

  Gym Details/CheckIn page

• 

  Threads List Page

• 

  Thread and Comments Page

Inspiration

Our inspiration comes mostly from several telemedicine applications that enable its users to consult with health professionals and several gym systems that enable the gym members to access every affiliated gym. We believe that physical exercise and health are not meant to be separated and think that it would be a great idea to create an app that combines both ideas into one web application that we called TOP G.

What it does

TOP G enables the users (gym members) to get information for every gym that is currently available. If the user has arrived at the concerned gym, the user could check in to the gym. After checking in to the gym, the user now could access the gym and its facilitation. If the gym is unavailable (full, maintenance, close, etc), the users could choose another gym branch to visit. Other than that, users are also could consult about health and exercise with the affiliated professionals (doctors and professional trainers) by posting a thread with a question in it. After posting their question, affiliated professionals are now able to answer the user's question. Also, other experienced users of the app would be able to help each other by commenting on each other threads.

How we built it

We build our projects with React.js and Chakra UI for the front-end of the web application. For the back-end, we use Express.js and other middlewares that help us to manage every request. We also use Prisma ORM to enable the back-end to access the database easier. We use MongoDB as the database and we deploy it on the MongoDB Atlas cluster. For the code, we perform the deployment on the Heroku platform. For the web application development, we focused more on functionality than appearance. By that, we put most of our resources on researching, data modeling, authentication development, data fetching, and testing.

Challenges we ran into

As this is our second hackathon, we aren't facing as many problems as the first one. Our main problems/challenges in this hackathon would be time management and communication. It's hard to manage time when the time is limited and all of us have other things to do outside the hackathon. Because of this, we have to speed up the development process and cut some features that we intend in the beginning.

Accomplishments that we're proud of

Overall, we are proud of the fact that the development process works much better than in our previous hackathon and we have done the best we can. We are proud that we are able to implement the authentication better than before. Lastly, we are also proud that we could deploy our application and TOP G now could be accessed by everyone.

What we learned

Mainly, we learned a lot about authentication, cookie, and state management. We also learn about the relationships between entities on Prisma ORM. Other than that, we learn a lot about time management and teamwork in order to create our projects.

What's next for TOP G

For TOP G, our next step would be implementing in-app purchasing that enables users to pay for membership or extends it. We also want to implement an API like Twilio to send notifications, receipts, and schedules. Other than that, there are many features that we want to add but we don't have enough time to do so.

Built With

• chakra
• express.js
• mongodb
• node.js
• prisma
• react
• typescript
• yarn