$15,000.00 Fixed
We are seeking an experienced React Developer to build, optimize, and maintain a modern web application with scalable architecture, reusable UI components, and high-performance rendering. This role requires expertise in React 18+, JavaScript ES6+, advanced state management, API integration, testing, and frontend performance optimization.
The ideal candidate should be comfortable working with component-driven development, hooks, custom hooks, React Router, React Query (or SWR), Redux Toolkit, and modern frontend workflows. You will collaborate closely with backend teams to integrate REST APIs or GraphQL endpoints and ensure data flows are predictable, secure, and efficient.
Your responsibilities include implementing responsive UI based on Figma or Adobe XD designs, optimizing critical rendering paths, improving Lighthouse performance scores, and ensuring cross-browser compatibility. You’ll also write unit/integration tests, maintain clean code comments, and prepare technical documentation.
Since this project has real-world performance demands, you should be able to handle asynchronous operations, Web Vitals optimization, memoization strategies, suspense boundaries, and lazy-loading techniques. Experience with TypeScript, Tailwind, or Material UI will be an advantage.
We expect the developer to work independently, follow best coding practices, collaborate through Git workflows, participate in milestone planning, and deliver consistent weekly progress. If you’re passionate about React, UI performance, and building elegant frontend systems, this project is ideal for you.
✅ Responsibilities (15 points)
Develop modular, reusable UI components using React 18+
Convert Figma/Adobe XD designs into responsive pages
Integrate REST APIs or GraphQL endpoints
Implement advanced state management (Redux Toolkit / Zustand / Context API)
Optimize rendering using memoization, virtualization, lazy loading
Manage routing with React Router v6+
Implement form handling & validation (Formik, React Hook Form, Yup)
Ensure cross-browser and device compatibility
Work with Tailwind, Material UI, or styled-components
Improve performance based on Lighthouse & Core Web Vitals
Debug and resolve front-end issues using DevTools
Implement authentication (JWT/OAuth flows)
Write unit and integration tests (Jest, React Testing Library)
Follow Git workflows with clean commits and PRs
Prepare documentation & component usage guidelines
✅ Required Skills (15 points)
Strong expertise in React 18+
JavaScript ES6+ mastery
Redux Toolkit / Zustand / Context API
REST API + JSON integration
React Router v6+
Strong CSS skills (Tailwind/Bootstrap/SCSS)
Familiarity with TypeScript (optional but preferred)
Experience with Axios / Fetch API
Performance optimization techniques
Responsive & mobile-first design
Version control with Git/GitHub
Understanding of Webpack/Vite
Unit testing frameworks (Jest/RTL)
Knowledge of security best practices
Understanding of accessibility (WCAG)
✅ Tools & Technologies
React 18+
JavaScript ES2022+
Redux Toolkit / Zustand / SWR / React Query
Axios, Fetch API
Tailwind CSS / Material UI / Bootstrap
Vite / Webpack
Jest / React Testing Library
Git / GitHub
Figma / Adobe XD
Chrome DevTools
✅ Deliverables
Fully functional React-based UI
Modular, documented component library
API-integrated pages & workflows
Authentication + protected routes
Error handling & loaders
Performance-optimized build
Test cases with coverage report
Deployment-ready frontend build
README + documentation
1–2 revision cycles
✅ Budget
Hourly: $35–75/hr
Project: $3,000 – $15,000
Monthly (optional maintenance): $3,000 – $7,000
✅ Timeline
Total Duration: 6–12 weeks
Week 1–2: UI Architecture + Component Setup
Week 3–6: Core development + API integration
Week 7–9: Optimization + testing
Week 10–12: Final adjustments + deployment
✅ Success Metrics
Lighthouse performance score ≥ 90
Web Vitals: FCP < 1.8s, LCP < 2.5s
Zero major console errors
Smooth UX across devices & browsers
95%+ test pass rate
Clean Git workflow & documentation
- Proposal: 0
- Less than 3 month
