Natura | For The Woman Who Wants It All

View Live Site

Natura is a women-only gym that provides a safe, supportive environment for women of all shapes, sizes, and fitness levels. Their goal is to help women feel confident and comfortable in their own skin, and to encourage them to lead healthy, active lifestyles.

Screenshot of home page

Description

This project is for Natura, a modern website for a women-only gym, that is fully responsive and was built with React and styled with CSS Modules.

Natura is a fictional women-only gym that was founded with the goal of providing a safe and welcoming environment for women to pursue their fitness goals. They saw how many women felt uncomfortable in traditional gyms, and they wanted to create a space where women could feel safe and supported while working on their health and fitness goals.

Motivation

I wanted to build a website for a women only gym to practice my skills with React and to put my design skills to the test. I think it’s important for women to have their own space to work out and feel comfortable, and I wanted to create a website that would reflect that.

I wanted to create something unique that would grab attention and be visually appealing.I am motivated by my desire to learn and create something not only useful but also beautiful, hence the creation of this website.

Tools and Technologies

Natura was built using:

  • React
  • React Router Dom & React Router HashLink
  • React Icons

Design File

Figma Design File

Installation

To install this project, clone or download the repository and run the following commands:

npm install
npm run dev or npm run dev -- --host

This will install all the dependencies and start the development server. This project was bootstrapped with Vite and so the project will be available at http://localhost:5173.

Screenshot of Project

Screenshot of the entire page

GitHub

View Github