Fitness House Site
A full-stack web application called the Fitness House repository was created to organize and display services and content about fitness. It was constructed as a capstone project and has a contemporary frontend with a responsive and intuitive interface created with React.js, Redux Toolkit, React Router, and Material UI. Express.js and TypeScript power the backend, guaranteeing reliable server-side logic and API handling.
About This Project
A website that gives the user the ability to search for Gyms that suit them
View Demo • Design Link • Report Bug • Request Feature
Problem
There are many gyms in the Gaza Strip, which makes the process of finding the right gym very difficult for the user, in addition to the absence of any sites that provide this service to the user, besides Facebook groups.
Solution
FitHouse is a platform that helps to find the best suitable gym for you and book an appointment with the gym you have chosen.
Built With
- Front End : React.js - Redux Toolkit - Material UI - React Router - React Hooks
- Back End: Express.js - TypeScript
- Database: Sequelize
- CI/CD: Git - Github Actions
- Storage: AWS S3
- Other: Twilio - Husky - Nodemailer
Database Schema
Getting Started
To get a local copy up and running, follow these simple example steps.
Prerequisites
- npm
npm install npm@latest -gInstallation
- Create a free account at [AWS S3](https://aws.amazon.com/s3/)
- Clone the repo
git clone https://github.com/AhmedQeshta/Fitness-house.git- Install NPM packages
npm install- In the project root folder, rename `.env.example` file to `.env` and fill in the environment variables
- In the `Server` folder, rename the `.env.example` file to `.env` and fill in the environment variables with your data.
Usage
User Journey
As a User
When I open the site, I will be able to see all the gyms on the site, and I can filter them based on several options available to me, and I can book a subscription with any gym and know if my subscription has been activated or not.
As a Gym Owner
When I open the site, I can add a new gym and add everything about it, and I can see the users who booked an appointment and activate user subscription or deactivate it.
User Stories
As a User who wants to subscribe to a gym:
- I can view gyms
- I can filter gyms by Price/Location/gender/feature.
- I can view the gym profile
- I can join the gym I want
- I have to know when the gym confirms my subscription by sms.
- I can add my review to the club I joined.
As a Gym Owner
- I can create an account.
- I have a profile to display Gym info
- I can add my information (location, monthly price, equipment, work hours based on gender, etc.)
- I can edit my gym data.
- I can see subscriptions.
- I can activate user subscription or deactivate it.
- I can view reviews
Contact
Our Great Team
- Ahmed Qeshta @AhmedQeshta
- Ayman Fahgan @Afahgan
- Rawan Eyad @rawaneyad
Our Great Team Leader
- Lina Ebeid @LinaYahya
Gallery
Timeline
Technologies
