TaskMate 🛠️ TaskMate: Every service in your hand.
TaskMate is a clean and user-friendly front-end project for a service booking website. It provides a straightforward interface for users to browse various home services, view their prices, and add them to a shopping cart. This project is built with fundamental web technologies and focuses on a simple, intuitive user experience.
✨ Live Preview Here is a look at the main services page of the TaskMate website:
🚀 Features Service Showcase: Displays a variety of services (Cleaning, Plumbing, Repair, etc.) in a clean card-based layout.
Clear Pricing: Each service clearly shows the cost per hour.
Shopping Cart Functionality: Users can add services to their cart. The navigation bar shows the number of items in the cart.
Responsive Design: The layout is structured to be adaptable to different screen sizes.
Simple Navigation: Easy-to-use navigation bar to switch between Home, Services, Cart, and Contact pages.
🛠️ Technology Stack This project is built using only front-end technologies:
HTML5: For the structure and content of the website.
CSS3: For styling, layout, and responsive design.
JavaScript: For interactive elements like the "Add to Cart" functionality and dynamic updates.
📂 How to Run This Project Since this is a front-end project with no backend dependencies, you can run it locally without any complex setup.
Download or Clone the Repository You can either download the project files as a ZIP or clone the repository using Git:
git clone https://github.com/your-username/taskmate.git
Navigate to the Project Directory
cd taskmate
Open in Your Browser Simply open the index.html file in your favorite web browser (like Chrome, Firefox, or Edge). You can do this by double-clicking the file or right-clicking and selecting "Open with...".
And that's it! The website should now be running locally in your browser.
🤝 Contributing Contributions are welcome! If you have ideas for improvements or want to fix a bug, feel free to do the following:
Fork the Project
Create your Feature Branch (git checkout -b feature/AmazingFeature)
Commit your Changes (git commit -m 'Add some AmazingFeature')
Push to the Branch (git push origin feature/AmazingFeature)
Open a Pull Request
📄 License This project is distributed under the MIT License. See the LICENSE.md file for more information.