chakitg/fitness-web

A web application showcasing my Design of a fitness Website - 💪SCULPT

💪 Sculpt Fitness Website Design⚡️

A web application showcasing my Design of a fitness Website - 💪SCULPT

Live Preview: https://chakitg.github.io/fitness-web/

"Eating website for fun... nyom nyom nyom"

⭐ Star me on GitHub — it helps!

What it is

A Responsive Fitness/Gym Website Design Using HTML CSS & JavaScript

• Contains animations when scrolling.
• Includes a form to calculate body mass index.
• Includes a form to send emails.
• Developed first with the Mobile First methodology, then for desktop.
• Compatible with all mobile devices and with a beautiful and pleasant user interface.

Learning Points

• Javascript Concepts
• External JS Tools Usage
• CSS Effects
• Tabs with Javascript
• Responsive builds

Features 📋

⚡️ Fully Responsive
⚡️ Valid HTML5, CSS3 & Javascript
⚡️ BMI Calculator
⚡️ Email Subscription\ ⚡️ Easy to modify
⚡️ Colored representation of step being executed:\

Tools Used 🛠️

• GitHub Pages - To host my static website (HTML, CSS, JS).
• Email Js - A Javascript framework to send emails directly from your code.
• Scroll Reveal - A JavaScript library for easily animating elements as they enter/leave the viewport.
• Font Awesome - A fonts library from Google.
• Remix Icon - An icon library to get Icons and Design components.
• JQuery - JavaScript Library.

Some Cool Stuff

(Just a thought), You could advance this by adding some animations to the selector borders etc.

Contributing 💡

Contributions are highly welcome. Feel free to fork, clone, make pull requests, report issues etc.

Step 1

• Option 1

  • 🍴 Fork this repo!

• Option 2

  • 👯 Clone this repo to your local machine.

Step 2

• Build your code 🔨🔨🔨

Step 3

• 🔃 Create a new pull request.

Installation

Installation of my project is very simple.

  git clone https://github.com/chakitg/fitness-web.git

This will clone the repository in your local device.

Then we need to change the directory.

  cd fitness-web

Then type "code ." to open it in VS Code (or any other IDE).

  code .

Then Go live with your IDE.

BOOM!! There you have it.

That being said

To the Front... to the Back... End to End... cut no slack. Making ends meet. lol

🚀 About Me

Im a Fullstack Developer, part-time teacher and a forever student. I learn new things in tech everyday along with other subjects like mathematics, competitive programming etc.

fitness-web's Issues

add project code

add responsive code

add readme