1001 Freelance Projects
Latest Projects from
Freelance Marketplaces
View Project
View this project in detail
(Note: you will be redirected to external marketplace)
Project title:
React Web App for Simulating Concurrent API Requests
Posted by:
External project from PeoplePerHour
Started:
12-Mar-2025 07:46 GMT
Description:
Expected duration: Ongoing
Description:
We are seeking an experienced React developer to build a two-page web application. The application will simulate API requests using mock data, support concurrent API calls for multiple URLs, and provide real-time metrics. Each component instance must independently handle requests and update results dynamically.

Page 1: API Key Input
1. Purpose:
o A page for users to input an API key.
o On successful validation (via a mock API call), redirect the user to Page 2.
2. Functionality:
o Input field for API key.
o Button to validate the API key.
o Display error message for invalid API key (mock validation).

Page 2: API Request Component
1. Inputs:
o Default Country: Editable field to set a default country for all URLs unless overridden.
o Default Number: Editable field to set a default number of requests for all URLs unless overridden.
o URL List: A dynamic list where users can:
 Add multiple URLs.
 Specify a country for each URL (overrides the default).
 Specify the number of requests for each URL (overrides the default).
o Buttons to add or remove rows dynamically.

Functionality:
1. Concurrent API Calls:
o The application must allow API calls for multiple URLs to run concurrently.
o Each request will send the following payload:
 API Key: Entered on Page 1.
 URL: The specific URL for the request.
 Country: Either default or specified for the individual URL.
o The number of requests determines how many individual calls are made for each URL, but this is not included in the payload.
2. Dynamic Features:
o Users can dynamically add or remove rows for multiple URLs.
o Changing the default country or default number should instantly update all rows unless overridden for specific entries.
3. Results Display:
o Summary Table:
 Metrics for each URL:
 URL
 Number of Successful Requests
 Success Rate (%)
 Number of Failed Requests
 Failure Rate (%)
 Metrics must update dynamically on the front end as responses are received.
o Detailed Results Table:
 Each instance of the component will have its own Detailed Results Table.
 For every individual response received, the following details must be displayed in the table of the correct instance:
 URL
 ISP
 IP Address
 Proxy
 Status (Green for success, Red for failure).
 Responses must be matched to the correct instance based on where the request originated, ensuring real-time updates.
4. Multiple Component Instances:
o Allow multiple instances of the component on the same page.
o Each instance must work independently to handle separate API calls and update its own results.

Technical Requirements:
1. Framework: The application must be built in React.
2. Concurrency:
o Support concurrent API calls for multiple URLs.
o Ensure responses are mapped to their originating instance.
3. Mock Data:
o Use a static JSON or JavaScript file to simulate API responses.
o Example response for each request:
 URL: The requested URL.
 ISP: Mock ISP name.
 IP Address: Mock IP.
 Proxy: Mock proxy name.
 Status: Mock status (success or failure).
4. Error Handling:
o Handle errors gracefully with appropriate user feedback.
5. Responsive Design:
o Ensure the application works seamlessly on desktop and mobile devices.

Deliverables:
1. Fully functional two-page React application with the described functionality.
2. Clean, modular, and well-documented code.
3. A short README file explaining the setup, functionality, and mock data usage.

Budget and Timeline:
• Please specify your estimated cost and timeline in your proposal.
Project ID:
3425753
Project category:
Project budget:
View this project in detail
(Note: you will be redirected to external marketplace)
Last Projects / Browse Projects
  Project Started
Cálculo Estructura WC Grúa
Category: Building Information Modeling, Construction Engineering, Construction Management, Design Optimization, Engineering Drawing, Finite Element Analysis, Mechanical Engineering, Project Management, Structural Engineering, Technical Documentation
Budget: €30 - €250 EUR
18 Nov 2025 16:55 GMT
Realistic AI Campaign Imagery
Category: AI Art Creation, AI Content Creation, AI Design, AI Image Editing, AI Generated Art, Graphic Design, Illustration, Logo Design, Midjourney, Photoshop
Budget: $30 - $250 USD
18 Nov 2025 16:54 GMT
Diseñador Gráfico para Publicidad Digital
Category: Photoshop, AI Design, Animation, Graphic Design, Logo Design, Motion Graphics, Video Ads, Video Editing, Video Services
Budget: €12 - €18 EUR
18 Nov 2025 16:52 GMT
Vibrant Product Showcase Landing Page
Category: HTML, Web Development
Budget: ₹1250 - ₹2500 INR
18 Nov 2025 16:51 GMT
Vastu-Compliant G+3 Floor Plans
Category: 2D Drafting, 2D Drawing, Architectural Engineering, AutoCAD, Building Architecture, Building Design, Home Design, Interior Design
Budget: ₹1500 - ₹12500 INR
18 Nov 2025 16:50 GMT
Site Verifier needed in Ostim Mahallesi, Ankara, Turkey -- 2
Category: Business Analysis, Photography, Travel Ready
Budget: $30 - $35 USD
18 Nov 2025 16:49 GMT
Traditional Home Interior Design
Category: 3D Modelling, 3D Rendering, Building Architecture, Furniture Design, Home Design, Interior Design, Mood Board
Budget: £10 - £20 GBP
18 Nov 2025 16:49 GMT
Pobranie i upload PDF
Category: Admin Support, Data Entry, Data Management, Data Processing, Excel, PDF, Web Scraping, Web Search
Budget: $30 - $250 USD
18 Nov 2025 16:49 GMT
Corporate Business Website Development
Category: CSS, HTML, Java, PHP, Python, Web Development, Web Design, Website Optimization
Budget: ₹12500 - ₹37500 INR
18 Nov 2025 16:48 GMT
I need someone to remove the lines on my bed
Category: Design Optimization, Furniture Assembly, Furniture Design, Furniture Removal, Home Design, Interior Design, Metal, Project Management, Sewing, Textile Engineering
Budget: £10 - £20 GBP
18 Nov 2025 16:48 GMT
EnterpriseOne Server & JAS Setup. remote server access using anydesk
Category: Installation, Powershell, System Administration, Weblogic, Windows Server
Budget: $30 - $250 USD
18 Nov 2025 16:48 GMT
California Academy Emergency Paging System
Category: A / V Systems, Broadcast Engineering, Compliance, Network Engineering, Project Planning, Risk Management, Signal Processing, Technical Documentation, Technical Support, User Experience Research
Budget: $250 - $750 USD
18 Nov 2025 16:48 GMT
AI Customer Service Automation
Category: AI Chatbot Development, Android, API Integration, Chatbot, Java, Natural Language Processing, PHP, Software Testing
Budget: €30 - €250 EUR
18 Nov 2025 16:47 GMT
430-Word A350 Design Report
Category: Academic Writing, Aerospace Engineering, Aviation, Data Analysis, Report Writing, Research, Research Writing, Technical Writing
Budget: $10 - $30 USD
18 Nov 2025 16:46 GMT
TÜV-Kommunikation für strukturelle Umbauten
Category: Article Writing, Building Regulations, Civil Engineering, Construction Management, German Translator, Project Management, Research Writing, Translation
Budget: min €36 EUR
18 Nov 2025 16:45 GMT
Browse All Projects
Projects by Skills ...
android
ajax
asp
aspnet
cms
cpp
csharp
css
delphi
design
drupal
excel
facebook
flash
html
java
javascript
joomla
iphone
mysql
photoshop
php
python
ruby
seo
sql
sysadm
translate
typing
twitter
vbnet
xml
wordpress
writing
New!
Проекты на русском
(Projects in Russian)

Copyright © 2005-2024
1001 Freelance Projects