Yogmetic

This project is a responsive website designed for Yogmetic, a yoga studio. It utilises HTML, Sass, and JavaScript to provide an interactive and visually appealing website, catering to yoga enthusiasts, practitioners, and potential clients. The website offers information about Yogmetic's services, instructors, class schedules, and a seamless user experience for both beginners and experienced yogis.

Tech Stack

Languages: HTML, Sass, JavaScript

Tools: Formspree

Lessons Learned

While working on this project, I gained valuable knowledge and skills that significantly contributed to my development as a Front-End developer:

I expanded my skill set by diving into Sass, a powerful CSS preprocessor. This allowed me to write more efficient and maintainable stylesheets.

I focused on creating a responsive design, ensuring that the website functions seamlessly across various devices and screen sizes. This experience enhanced my understanding of responsive web design principles.

I integrated a user-friendly form using Formspree's API, improving user interaction and data collection on the website.

I took great care in designing the website, prioritising aesthetics while maintaining a clean and user-friendly interface. This project allowed me to explore and enhance my design skills.

Building this website gave me the creative freedom to experiment with different design elements and layouts, enabling me to bring my artistic vision to life.

Overall, this project was an excellent learning experience that not only improved my technical skills but also encouraged me to think creatively and solve real-world challenges in web development.

Run Locally

Clone the project

  git clone https://github.com/hodanmohamed/yogmetic.git

Go to the project directory

  cd yogmetic

Install dependencies

  npm install

Start the server

  npm run start