BellaShape is a single-page application for a gym website, designed to be fully responsive for all devices. It leverages various modern web technologies and libraries to deliver a seamless user experience.
-
Single Page Application: BellaShape is a single-page application, providing a smooth and efficient user experience.
-
Responsive Design: The website is designed to work seamlessly on a wide range of devices, from desktops to mobile phones.
-
React: The project is built using React, a popular JavaScript library for building user interfaces.
-
React Hook Form: Form handling is achieved using the
react-hook-form
library, ensuring easy and efficient form management. -
React Smooth Scroll: Smooth scrolling is implemented in the application to enhance navigation and user experience.
-
Tailwind CSS: Styling is accomplished using Tailwind CSS, a utility-first CSS framework that simplifies design and customization.
-
Framer Motion: Framer Motion is used for smooth animations and transitions, creating an engaging and visually pleasing website.
You can check out a live demo of BellaShape Gym here: (https://bella-shape.vercel.app/)
To run the project locally, follow these steps:
Clone the repository:
git clone https://github.com/khalidur-sujon/BellaShape.git
Install project dependencies:
cd BellShape
npm install
Start the development server:
npm run dev
The website will be accessible at http://localhost:3000.
If you have any questions or feedback, feel free to contact me at khalidur.sujon@gmail.com.
If you find any issues or have suggestions for improvements, please open an issue on the GitHub repository.
BellaShape - Your path to a healthier lifestyle!