Build React Front-End for an internet-of-things web framework

---

---

# Expert React Front-End Developer Needed for Dynamic Web Application for an IoT Project ## Project Overview We're seeking an experienced React front-end developer to build a modern, responsive web application. This is a contract position with potential for long-term collaboration based on performance. The ideal candidate will have a strong portfolio demonstrating expertise in React, Node, and related technologies. ## Required Skills & Experience - 3+ years of professional experience with React.js and modern JavaScript (ES6+) - Proficiency with React Hooks, Context API, and Redux (or similar state management) - Experience working with common database systems such as Redis and Postgres - Experience building responsive interfaces with modern CSS frameworks (Tailwind, styled-components, etc.) - Strong understanding of RESTful APIs and asynchronous programming patterns - Version control expertise (Git) - Ability to write clean, maintainable, and well-documented code - Experience with component libraries and design systems - Familiarity with front-end testing frameworks (Jest, React Testing Library) ## Nice to Have - Experience with MQTT and Protobufs - Understanding of CI/CD workflows - Experience with data visualization libraries (D3.js, Recharts) - Experience integrating third-party services and APIs ## Project Description 1. Create a React-based dashboard (see attached image) with: - A plotting window at the top for displaying time series data. Different data can be shown based on check boxes, including vertical annotations of events. - IoT Sensor Modes: - Four checkboxes and four text input fields below the plot - These should communicate with the ExpressJS backend via RESTful API calls - Clean, responsive design that works on desktop browsers 2. Implement Redis integration for state consistency: - Store checkbox/text field states in Redis - Retrieve and apply stored states on page load - Show how state updates would be handled when triggered by MQTT socket messages ( no need to implement MQTT functionality) 3. Develop minimal Express.js endpoints to: - Receive form state changes from React frontend - Store and retrieve state data from Redis - Respond with appropriate feedback to frontend requests ### Key Technical Components - **Frontend**: React.js with a modern charting library (Recharts, Chart.js, or similar) - **Backend**: Simple Express.js API endpoints for demonstration - **Database**: Redis for state persistence and consistency ### Deliverables 1. Complete React frontend code with responsive UI 2. Simplified Express backend with Redis integration 3. Documentation explaining the architecture and component interactions 4. Setup instructions for local development environment ### Not Required - Complex backend business logic - User authentication - Advanced error handling - Production deployment configuration - Extensive test coverage Based on performance on this initial project, we would aim to establish a longer-term collaboration to fully flush out the web application, implementing more sophisticated state management solutions, interfacing with IoT sensor networks, ML-analytics, and multi-page websites. ## Application Requirements To apply, please share: 1. Your portfolio or examples of React projects you've built 2. Brief summary of your experience with our required technologies 3. Your ideas for this project We value problem-solvers who can think beyond the code, communicate effectively, and contribute ideas to improve the product. We're looking for a developer who takes pride in their craft and delivers polished, user-friendly interfaces.

Keyword: React Native

Price: $15.0

ExpressJS React JavaScript MQTT