Box Buddy is a community-based mobile fitness application where users can build up their profiles, post workouts, track personal fitness records, and interact with friends. With a clean and user-friendly interface, Box Buddy fosters a fitness community, encouraging users to engage, motivate, and inspire one another on their fitness endeavors.
Access our site at (link)
- JavaScript
- Tailwind CSS
- Node.js
- Express JS
- Sequelize
- PostgreSQL
- Passport
- bcryptjs
- Cookie Session
- Database GUI: Beekeeper
- Cloudinary
- Multer
- API: API-Ninjas (Exercises)
The home page of Box Buddy is the central hub for fitness enthusiasts to connect and share their exercise journeys. The page showcases a collection of user posts, each displaying exercise details such as name, sets, reps, weight, duration, distance, and notes. Users can like posts, view and add comments, and see the number of likes and comments for each post.
The search friends page of Box Buddy allows users to expand their fitness network by finding and adding new friends within the community. The page features a user-friendly search form where users can enter the name of the person they want to add as a friend. Upon submitting the form, Box Buddy searches for matching users and displays the results in a list format, including their profile pictures, full names, and email addresses. Users can then select and add friends from the list, facilitating connections and fostering a supportive fitness community.
The create new posts page of Box Buddy allows users to share their workout accomplishments and experiences with the community. The page features a user-friendly form where users can input details about their exercise, such as the exercise name, sets, reps, weight, time, distance, calories burned, and additional notes. Users can enter the exercise details and submit the form to create a new post that will be visible to other users in the Box Buddy community.
The notifications page in Box Buddy keeps users updated on various activities and interactions within the app's community. Users receive notifications related to comments, likes, friend requests, and accepted friend requests. The page displays a user's profile picture, name, and a title indicating "Notifications." Each notification is presented as a separate entry, allowing users to easily navigate through the updates. For comment notifications, the notification includes the comment description and the name of the user who made the comment. Friend request notifications provide options to accept or decline the request, and friend notifications notify users when a friend request has been accepted. This page serves as a central hub for users to stay informed and engaged with the social aspects of the Box Buddy fitness media app.
The profile page in Box Buddy provides users with a personalized space to showcase their fitness journey and connect with others in the community. The page features the user's profile picture, name, and a brief bio. Users can view the date they joined the app, the number of friends they have, and their own individual posts. Additionally, a link to the "Personal Records" page is provided for users to track and monitor their progress.
The Personal Records page in Box Buddy allows users to track and manage their fitness achievements in weightlifting and cardio exercises. Users can view their personal records for each exercise, including the maximum weight lifted and the number of repetitions for weightlifting, as well as the distance covered and time taken for cardio exercises. The page is divided into sections for weightlifting PRs and cardio PRs, with each exercise listed along with the corresponding records. This feature helps users monitor their progress, set new goals, and stay motivated in their fitness journey.
The Comments page in Box Buddy provides a platform for users to engage with each other by posting comments and sharing their thoughts on fitness-related content. Users can view a post along with its details, including the user who posted it, the exercise performed, and any additional information such as sets, reps, weight lifted, time taken, and distance covered. Below the post, users can write their comments and add them to the discussion. The page also displays existing comments, showing the commenter's profile picture, name, and the timestamp of their comment.
Box Buddy is in beta stage of development.
This was a 1 week full-stack project built by Hunter and Ethan starting week 10 and ending week 11 of DigitalCrafts Bootcamp.
