Speed and Ping Test

Welcome to the Speed and Ping Test project! This is a web application designed to measure internet speed and ping times in real-time. The project features two primary functionalities: a speed test and a ping test, both presented with dynamic charts for visual representation.

Table of Contents

• Features
• Technologies Used
• Installation
• Usage
• Contributing
• License
• Contact

Features

• Speed Test: Measures download speed in Mbps and provides real-time data visualization.
• Ping Test: Measures ping times in milliseconds with real-time updates and average calculations.
• Page Transitions: Smooth and visually appealing transitions between the speed test and ping test pages using flip animations.
• Responsive Design: Ensures a seamless experience across various devices and screen sizes.

Technologies Used

• HTML/CSS: For the structure and styling of the web pages.
• JavaScript: Handles the core functionality, including fetching data and updating the charts.
• Chart.js: A simple and flexible JavaScript charting library used for creating dynamic charts.
• Fetch API: Used to simulate data fetching for speed and ping tests.

Installation

To run this project locally, follow these steps:

1. Clone the repository:

git clone https://github.com/yourusername/speed-ping-test.git

2. Navigate to the project directory:

cd speed-ping-test

3. Open index.php in a browser: You can use a local PHP server to serve the index.php file, such as:

php -S localhost:8000

Then open http://localhost:8000 in your browser.

Usage

Speed Test

1. Click on the "Start Speed Test" button to begin the test.
2. The test will measure your internet speed and display the average and runtime speed in Mbps.
3. Click "Stop Test" to end the speed test.

Ping Test

1. Click on the "Go to Ping Test" button to switch to the ping test page.
2. Click on the "Start Ping Test" button to begin the test.
3. The test will measure the ping times and display the average ping in milliseconds.
4. Click "Stop Test" to end the ping test.

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-branch).
3. Make your changes and commit them (git commit -m 'Add some feature').
4. Push to the branch (git push origin feature-branch).
5. Open a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact

If you have any questions or feedback, feel free to reach out to me at kndnsow@gmail.com.