https://github.com/ionut-cora/react-gym
A single-page gym landing website developed in React JS with styling via React Bootstrap and animations powered by Framer Motion.
https://github.com/ionut-cora/react-gym
bootstrap framer-motion javascript react web-development
Last synced: 5 months ago
JSON representation
A single-page gym landing website developed in React JS with styling via React Bootstrap and animations powered by Framer Motion.
- Host: GitHub
- URL: https://github.com/ionut-cora/react-gym
- Owner: Ionut-Cora
- Created: 2024-08-15T14:13:04.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2025-06-18T15:36:44.000Z (about 1 year ago)
- Last Synced: 2025-10-07T02:04:47.407Z (9 months ago)
- Topics: bootstrap, framer-motion, javascript, react, web-development
- Language: JavaScript
- Homepage:
- Size: 3.11 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Power GYM
## Description
A single-page gym landing website developed in [React JS](https://react.dev/) with styling via [React Bootstrap](https://react-bootstrap.netlify.app/) and animations powered by [Framer Motion](https://www.framer.com/motion/). It features over 10 custom, interactive components including a navigation bar, buttons, and animated sections. This project is focused on high-performance UI interactions, clean visual transitions, and responsive component-based development.
## Visit website: https://ionut-cora.github.io/react-gym/
## For this website I used:
- [React JS](https://react.dev/) - JavaScript library
- [React Bootstrap](https://react-bootstrap.netlify.app/) - Front-End Framework for React
- [Framer Motion](https://www.framer.com/motion/) - Animation library for React.
- [Unsplash](https://unsplash.com/) - Free images
- [Google Fonts](https://fonts.google.com/) - Roboto and Archivo fonts
## Components
- `Navbar`
- `Custom Button`
- `Footer`
## Features
- Smooth animations with Framer Motion
- Clean UI and responsive layout
- Interactive navigation and call-to-actions
## Installation
```bash
git clone https://github.com/Ionut-Cora/react-gym
cd react-gym
npm install
npm start
```
[http://localhost:3000](http://localhost:3000) - open in your browser to see the project
By [Ionut Cora](https://www.ionutcora.com/)