ping.wb4b.co

Overview

ping.wb4b.co is a web application built with React and Next.js that allows users to input a website domain or IP address and retrieve performance metrics such as Time to First Byte (TFB), Time to Last Byte (TTLB), file size, and a summary of the headers received. The application supports multiple languages and provides a user-friendly interface.

Features

• Input form for website domain or IP address.
• Validation of input to ensure it is a valid domain or IPv4/IPv6 address.
• Display of performance metrics and headers summary.
• Multi-language support including Portuguese, English, Spanish, Mandarin, Hindi, Japanese, Korean, German, and French.
• Automatic detection of user’s country to set the default language.
• Language preference stored in local storage for future visits.

Project Structure

ping.wb4b.co
├── pages
│   ├── api
│   │   └── ping.js         # API route for handling form submissions
│   ├── _app.js             # Custom App component for global styles and state
│   ├── index.js            # Main entry point with the input form
├── public
│   └── locales
│       ├── en
│       │   └── common.json # English translations
│       ├── pt
│       │   └── common.json # Portuguese translations
│       ├── es
│       │   └── common.json # Spanish translations
│       ├── zh
│       │   └── common.json # Mandarin translations
│       ├── hi
│       │   └── common.json # Hindi translations
│       ├── ja
│       │   └── common.json # Japanese translations
│       ├── ko
│       │   └── common.json # Korean translations
│       ├── de
│       │   └── common.json # German translations
│       └── fr
│           └── common.json # French translations
├── components
│   └── Form.js             # React component for the input form
├── styles
│   └── Home.module.css     # CSS styles for the home page
├── next.config.js          # Next.js configuration file
├── package.json             # npm configuration file
├── README.md               # Project documentation
└── .env.local              # Local environment variables

Setup Instructions

1. Clone the repository:

   git clone https://github.com/yourusername/ping.wb4b.co.git
   cd ping.wb4b.co
   

2. Install dependencies:

   npm install
   

3. Run the development server:

   npm run dev
   

4. Open your browser and navigate to http://localhost:3000.

Usage

• Enter a valid website domain or IP address in the "target" field.
• Click the "send" button to submit the form.
• View the performance metrics and headers summary displayed on the screen.
• Change the language preference using the language selector.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any enhancements or bug fixes.

License

This project is licensed under the MIT License.