rahulbangaon / shape-city

Shape City project aims to replicate a gym web app's core features using cutting-edge technologies as React, CSS, HTML and bootstrapped with Vite. It's a fully responsive and high-performance react web application.

Shape City

LiveDemo

Welcome to the Shape City project repository! This project aims to replicate a gym web app's core features using cutting-edge technologies as React, CSS, HTML and bootstrapped with Vite. It's a fully responsive and high-performance Single Page React web application (SPA).

Key Features

• Config driven UI
• Responsive Design: Optimized for various screen sizes and devices.
• Bootstrapped with Vite for fast and high performance.
• Single Page Application: It's a React SPA with quick loading time and seamless user experince.
• It's using React Router for routing that enalbles navigation even without refreshing page.

Tools & Technologies

Shape City is build using-

• React
• CSS Modules
• React Icons
• React Router
• Vite

Getting Started

Prerequisites

Ensure that you have latest version of Node.js installed on your system.

Clone the Repository

git clone https://github.com/rahulbangaon/shape-city.git

Install Dependencies

Navigate to the project directory and run the following command:

npm install

Launch the App

Start the development server by running:

npm run dev

This project is bootstrapped with Vite, so the project will be available at http://localhost:5173.

Screenshots

Desktop

Home

About

Gallery

Membership

Trainers

Contact

Tablets

Mobiles

Contributing

If you would like to contribute to the project, please feel free to submit a pull request with your changes or improvements. We appreciate your help in making Shape City even better!

Now you're all set to explore the Shape City project! Enjoy and happy coding!

Authors

• @rahulbangaon