/yoga

Primary LanguageJavaScriptMIT LicenseMIT

# Yoga Website ReactJS This **ReactJS** project has been developed using the **JSX syntax**, inlcuding **React Hooks** (useState and useEffect), and **CSS modules**. The website features a **responsive navbar**, a home page with relevant information, a separate blog page with a **filtering function** that users can reach from the navigation bar, and **pop-up forms**. ## Table of Contents - [Features](#features)
- [Demo](#demo)
- [Installation](#installation)
- [Contact](#contact)
### Features - **Responsive Navbar**: The website features a responsive navbar that adjusts to different screen sizes. This ensures that the website is easy to navigate on any device. - **Home Page**: The home page includes information about the website and the services it offers. - **Blog Page with Filtering Function**: The blog page includes a filtering function that allows users to search for specific blog posts based on given category. This makes it easy for users to find the content they are interested in. - **Pop-Up Forms**: The website includes pop-up forms that can be used to submit information or sign up for a newsletter. These forms are easy to use and provide a convenient way for users to interact with the website. ### Demo Check out this video demo of the Yoga Website in action: - Desktop Size: https://drive.google.com/file/d/1m63rDSTBck1PUD6x0JAY1u8KPsDm_a0D/view?usp=sharing - Tablet Size: https://drive.google.com/file/d/1mHBait9TIdO0H7wNymTf4xgSbfSL1WpC/view?usp=sharing - Mobile Size: https://drive.google.com/file/d/11dhqBG87nEKdfnkPME6xsvKFUqqY7-A_/view?usp=sharing ### Installation To use this project on your local computer, you'll need to follow these steps: 1. Clone the repository to your local machine using the following command: ``` git clone https://github.com/yuliiamm/yoga-website-reactjs.git ``` 2. Install the necessary dependencies by navigating to the project directory and running the following command: ``` npm install ``` 3. Start the development server by running the following command: ``` npm start ``` 4. Once the development server is running, you can view the project in your browser at http://localhost:3000. That's it! ### Contact If you have any questions or feedback about this project, please feel free to get in touch with us using one of the following methods: - Email: ymaksymiuk@gmail.com - [LinkedIn](https://www.linkedin.com/in/yuliia-maksymiuk-0b65aa241/)
Thank you! # Yoga