- Browse and search for available yoga classes based on preferences such as style, difficulty level, and instructor.
- View detailed information about each class, including description, duration, schedule, and instructor bio.
- Register and book classes by selecting desired time slots and making payments securely.
- Manage booked classes, including cancellation and rescheduling options.
- Explore a gallery of yoga-related images and inspirations.
- Get in touch with the studio through the contact form for inquiries or additional information.
To run YougaStudio locally, follow these steps:
- Clone the repository:
git clone https://github.com/TamerlanMustafayev/YougaStudio.git - Navigate to the project directory:
cd YougaStudio - Install dependencies:
npm install - Start the development server:
npm start - Open your browser and visit
http://localhost:3000to access YougaStudio.
The project structure follows a modular approach to maintain code organization and scalability:
src/components: Contains reusable components used across the application.src/pages: Houses different pages/views of the application.
- React: A JavaScript library for building user interfaces, providing a component-based architecture and efficient DOM manipulation.
- JSX: A syntax extension for JavaScript that allows embedding HTML-like code within JavaScript files, enabling seamless integration of React components.
- React Router: A routing library for React that enables navigation and routing between different views or pages in a single-page application.
- useState and useEffect: React hooks used for managing component state and performing side effects, respectively.
- SCSS: A CSS preprocessor that enhances the styling capabilities of CSS by introducing variables, mixins, and nesting.
Contributions to YougaStudio are welcome! If you encounter any issues, have suggestions for improvements, or would like to add new features, please open an issue or submit a pull request.
**Note:** Replace the sample code and instructions with your project-specific details when using this template.
Feel free to customize and enhance this README file to better reflect your project's unique features and design. Remember to update the installation instructions, project structure, and technologies used sections with accurate details about your project.