Table of Contents
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:
- Other:
- EmailJS for contacting.
- OpenWeatherMap API for weather data
- Flickr API for refreshing images.
Installation
To set up the project locally, follow these steps:
- Clone the repository:
git clone https://github.com/Abdi-Suufi/bristol-cycling.git
- Navigate to the project directory:
- 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).
- Start the server:
- Open your web browser and navigate to
http://localhost/bristol-cycling/index.php
.
Usage
-
Access the application:
Open your web browser and navigate to http://localhost/bristol-cycling/index.php
.
-
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
About Section (Including Flickr Images):
Map Section:
Table Section:
Weather Page:
Contributing
If you would like to contribute to this project, please follow these steps:
- Fork the repository.
- Create a new branch:
git checkout -b feature/your-feature-name
- Make your changes and commit them:
git commit -m 'Add some feature'
- Push to the branch:
git push origin feature/your-feature-name
- Create a pull request.
- Name: Abdi Rahman Suufi
- Email: abdisuufi123@gmail.com
- GitHub: Abdi-Suufi