/BellaShape

BellaShape : A sleek, responsive gym website powered by React and Tailwind CSS.

Primary LanguageTypeScript

BellaShape - A Website for GYM

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.

Features

  • 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.

Demo

**Screenshots 1

2

3

You can check out a live demo of BellaShape Gym here: (https://bella-shape.vercel.app/)

Installation

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.

Contact

If you have any questions or feedback, feel free to contact me at khalidur.sujon@gmail.com.

Support

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!