Inspiration
We aimed to create a web app that is open and inclusive to all lifters to give them a platform to get into the fitness community.
What it does
Our web app allows users to post their workouts with pictures, and this web app also gives users introductory workout programs as a blueprint to start their journey.
How we built it
We built this using react, node.js, MongoDB, express.js, json, and html. We employed MongoDB for our database solution and utilized React for the front-end development, crafting a coherent user interface. Our development efforts led to the creation of a home page and a workouts page, seamlessly integrating signup and login functionalities. Additionally, we implemented a dedicated page to display workouts retrieved from our database. Anticipating future expansions, we provisioned placeholders for an 'Explore' page and a 'Profile' page. As an open-source application, we are committed to continuous updates and enhancements, aligning with the evolving needs of the full-stack development landscape.
Challenges we ran into
Time constraints posed significant challenges for our team, given the ambitious scope of developing a large-scale application within a tight timeframe. We encountered technical hurdles, notably in converting Excel data into a JSON format compatible with our schema. Developing our proprietary API and integrating it with our databases, followed by deploying it on our website, presented additional complexities. Furthermore, we faced difficulties in designing a transparent scrollbar and implementing a workout filtering mechanism. Due to these time limitations, we were unable to complete the "create your own workout" feature and the search/explore page, which are planned for future development.
Accomplishments that we're proud of
One of our most notable achievements is the successful utilization of MongoDB and the development of our custom API using Python. We take great pride in our ability to engineer a distinctive logo via Photoshop, reflecting our brand's identity. Additionally, our commitment to excellence is evident in our UI/UX design, which is lauded for its cleanliness, user-friendliness, and interactivity, offering an engaging experience for our users. Naturally, we take immense pride in our contribution to the betterment of our community. It is gratifying to know that our efforts will ultimately aid individuals in their journey toward self-improvement, helping them become better versions of themselves.
What we learned
Throughout this project, we acquired numerous new skills, including the development of custom APIs that seamlessly integrate with our databases. We mastered the process of converting Excel data into JSON files tailored to our schema, enhancing our data handling capabilities. Additionally, we gained proficiency in leveraging MongoDB and Node.js within a React environment, broadening our technical expertise and reinforcing our full-stack development abilities.
What's next for FiziQ
This Hackathon gave us a platform to start our initiative, and we are most definitely looking to continue with our project and take it as far as we can. For example, we want to add calculations to the app to calculate the overall tonnage of a workout, add more interactive tools such as likes, shares, and comments, as well as an analytical diagram that shows what workouts hit what specific muscle groups the most.
Log in or sign up for Devpost to join the conversation.