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
Site Verification in DIST 7, HO CHI MINH CITY, Vietnam
Category: Business Analysis, Inspections, Local Job, Photography, Travel Ready
Budget: $10 - $15 USD
10 Feb 2026 05:04 GMT
Playful Pastel Garden Illustration
Category: Adobe Illustrator, Photoshop, Graphic Design, Illustration
Budget: ₹12500 - ₹37500 INR
10 Feb 2026 05:04 GMT
Instagram Content Writer Needed - 09/02/2026 23:46 EST
Category: Article Writing, Branding, Content Writing, Copywriting, Ghostwriting, Instagram Marketing, Social Media Management, Social Media Marketing
Budget: $250 - $750 USD
10 Feb 2026 05:00 GMT
Sports Card Bot
Category: Data Scraping, DigitalOcean, Linux, MySQL, PHP, System Admin, Web Hosting, Web Scraping, Website Management, Website Testing
Budget: $30 - $250 USD
10 Feb 2026 05:00 GMT
Bangun Blog Monetisasi Pelajar
Category: Article Writing, Blog, Blogging, Payment Gateway Integration, SEO, Web Design, Web Development, WordPress
Budget: $250 - $750 USD
10 Feb 2026 05:00 GMT
Bilingual Real Estate Assistant & CRM Specialist
Category: Admin Support, CRM, Customer Service, Data Entry, English Translation, Real Estate, Salesforce.com, Virtual Assistant
Budget: $2 - $8 USD
10 Feb 2026 04:58 GMT
GoHighLevel Onboarding Workflow Specialist
Category: AI Agents, AI Chatbot Development, AI Content Creation, AI Development, AI Model Development, API Integration, Customer Experience, Documentation
Budget: $30 - $250 CAD
10 Feb 2026 04:57 GMT
Modern Proposal Presentation Refresh
Category: Adobe Creative Suite, Adobe Illustrator, Photoshop, Graphic Design, Logo Design, Powerpoint, Visual Design
Budget: $10 - $30 AUD
10 Feb 2026 04:56 GMT
Minimalist Pastel Brand Logo
Category: Adobe Illustrator, Branding, Graphic Design, Illustration, Logo Design, Typography, Vector Design
Budget: ₹600 - ₹1500 INR
10 Feb 2026 04:56 GMT
Angular Project Setup via Screen-Share or Anydesk
Category: Angular, AngularJS, API Development, CSS, Frontend Development, HTML, HTML5, JavaScript, Node.js, Web Development
Budget: ₹600 - ₹1500 INR
10 Feb 2026 04:55 GMT
App Development With Contact Form
Category: Flutter, IOS Development, IPhone, JavaScript, Mobile App Development, PHP, React Native, Web Development
Budget: €250 - €750 EUR
10 Feb 2026 04:55 GMT
Find relevant Instagram accounts my new account should follow.
Category: Content Marketing, Content Strategy, Data Entry, Digital Marketing, Influencer Marketing, Instagram Marketing, Lead Generation, Market Research, Social Media Management, Social Media Marketing
Budget: $30 - $250 USD
10 Feb 2026 04:55 GMT
Modern Living & Kitchen 3D Redesign
Category: 3D Animation, 3D Design, 3D Illustration, 3D Modelling, 3D Rendering, 3D Studio Max, 3D Visualization, 3ds Max, Blender, Interior Design
Budget: €250 - €750 EUR
10 Feb 2026 04:54 GMT
Kampanye Peningkatan Ulasan Tokopedia
Category: Analytics, Conversion Rate Optimization, Copywriting, Data Entry, Digital Marketing, Excel, Market Research, Product Descriptions
Budget: $15 - $25 USD
10 Feb 2026 04:53 GMT
FB & IG Growth Marketing
Category: Canva, Content Creation, Copywriting, Facebook Marketing, Graphic Design, Instagram Marketing, Logo Design, Social Media Marketing
Budget: ₹1500 - ₹12500 INR
10 Feb 2026 04:52 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-2025
1001 Freelance Projects