This project replicates Google Chrome's DevTools functionalities within a standalone web application using ReactJS and Tailwind CSS for styling. Context API is used for state management.
- Request Monitoring:
- Displays a list of network requests made by the page.
- Throttling:
- Limits the rate at which requests are processed to simulate network conditions.
- Filtering by Initiator:
- Allows filtering of requests by their initiator (first-party or third-party).
- Filtering by Input Box:
- Filters requests based on user-provided input criteria.
- Framework: ReactJS
- Styling: Tailwind CSS
- State Management: Context API
To run the project locally:
- Clone the repository.
- Install dependencies using
npm install. - Start the development server with
npm start.
The project is deployed at: Demo Video
Find the project on GitHub: DevTools Replication
The project is deployed at: Deployed App
This project is licensed under the MIT License.