Booksy - Frontend Project

This project is a front-end web application developed based on a specific Figma design layout. It aims to faithfully implement the user interface and functionality outlined in the provided design and technical specifications.

🚀 About The Project

This project was created as a practical exercise in building modern web interfaces. The primary goal was to translate a high-fidelity design from Figma into a functional, responsive, and interactive website using core web technologies and modern JavaScript libraries.

• Design Source: Figma Layout
• Technical Specification: Google Sheets Document

---

👥 Team

This project was brought to life by the Semantic Samurais.

• Denys Orlyk - Team Lead, Developer
• Vladyslav Zaporozhets - Scrum Master, Developer
• Yaroslav Bilyk - Developer
• Oleksii Lishchuk - Developer
• Mykola Kruhlyk - Developer
• Halyna Obykhvost - Developer
• Iryna Yaitchenia - Developer
• Stanyslav Halasyk - Developer
• Oleksandr Zabolotny - Developer

---

🛠️ Tech Stack

This project was built using the following technologies and libraries:

• Core Technologies:

  • HTML5
  • CSS3
  • JavaScript

• Libraries & Dependencies:

  • accordion-js: For creating accessible accordion components.
  • axios: For making promise-based HTTP requests.
  • izitoast: For elegant and customizable notification popups.
  • swiper: For creating modern touch sliders.

• Development Tools:

  • Vite: A modern front-end build tool.
  • vite-plugin-full-reload: Enables full page reload on file changes.
  • vite-plugin-html-inject: For injecting assets into HTML files.

• Typography:

  • Font: Rubik (from Google Fonts)

---

⚙️ Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

Make sure you have Node.js and npm installed on your machine.

• Node.js (version 18.x or higher is recommended)
• npm

You can check your versions with the following commands:

node -v
npm -v

Installation & Launch Clone the repository:

git clone https://github.com/your-username/your-repo-name.git Navigate to the project directory:

cd your-repo-name

Install NPM packages:

npm install

Start the development server:

npm run dev

After running the last command, the project will be available at http://localhost:5173/ (or another port if 5173 is busy).

🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

Fork the Project

Create your Feature Branch

git checkout -b

Commit your Changes

git commit -m 'Add some AmazingFeature'

Push to the Branch

git push origin feature/AmazingFeature

Open a Pull Request