Bristol Cycling

Table of Contents

• Overview
• Features
• Technologies Used
• Installation
• Usage
• Screenshots
• Contributing
• Contact

Overview

Bristol Cycling is a user-friendly website designed to cater to the needs of cycling enthusiasts and riders of all levels who are looking to explore new areas and find nearby cycle shops with ease. This platform offers a variety of features and functionalities to make your cycling experience more enjoyable and convenient.

Features

• Responsive Design
• Interactive Map for locating cycling shops and services
• Detailed Table of bike shops and their services
• Real-time Weather Updates for Bristol
• Contact Form for user queries

Technologies Used

• Frontend:
  • HTML
  • CSS (Bootstrap)
  • JavaScript
• Backend:
  • PHP
  • PHPMyAdmin
• Other:
  • EmailJS for contacting.
  • OpenWeatherMap API for weather data
  • Flickr API for refreshing images.

Installation

To set up the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Abdi-Suufi/bristol-cycling.git

2. Navigate to the project directory:

   cd bristol-cycling

3. Set up the environment:

   • Ensure you have PHP and Apache installed. You can use XAMPP, WAMP, Laragon or any other local server environment.
   • Place the project folder in your Apache server's root directory (e.g., htdocs for XAMPP or www for WAMP).

4. Start the server:

   • Open your web browser and navigate to http://localhost/bristol-cycling/index.php.

Usage

1. Access the application: Open your web browser and navigate to http://localhost/bristol-cycling/index.php.

2. Navigate through the application:

   • Explore the "About" section to learn more about the website.
   • Use the interactive map to find cycling shops and services in Bristol.
   • View detailed information about bike shops in the "Table" section.
   • Check the current weather in Bristol using the weather widget.
   • Use the contact form to send queries or messages.

Screenshots

Header Section:

About Section (Including Flickr Images):

Map Section:

Table Section:

Contact Section:

Weather Page:

Contributing

If you would like to contribute to this project, please follow these steps:

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature/your-feature-name

3. Make your changes and commit them:

   git commit -m 'Add some feature'

4. Push to the branch:

   git push origin feature/your-feature-name

5. Create a pull request.

Contact

• Name: Abdi Rahman Suufi
• Email: abdisuufi123@gmail.com
• GitHub: Abdi-Suufi