Front-End Developer Technical Challenge (React)

🎯 Objective

This technical challenge is designed to assess your React development skills, including:

• Component structuring
• State management
• API integration
• UI/UX considerations

🚀 Challenge Overview

Build a React application that interacts with user data from an external API. The application should provide the following features:

Core Features

• 📋 Fetch and display users from JSONPlaceholder API
• 🔍 Search functionality to filter users by name
• ⚡ Sort users by name or email
• 🔄 Refresh button to reload data
• 📱 Responsive design for both desktop and mobile

🛠️ Technical Requirements

Technology Stack

• Framework: React
• Component Style: Functional components with React Hooks
• Data Fetching: Fetch API or Axios
• State Management: React state or Context API
• Styling: CSS, Tailwind, or any preferred UI framework

Development Guidelines

• ✨ Write clean, maintainable, and modular code
• 🎯 Implement proper error handling
• 📝 Include loading states

📤 Submission Requirements

1. Repository Setup

   • Fork this repository to your GitHub account
   • Clone your forked repository locally
   • Do NOT submit pull requests to the original repository

2. Time Limit

   • You have 4 hours to complete the challenge
   • Start timing from when you begin the implementation
   • Push your completed work to your forked repository when finished

3. Completion Notice

   • After pushing your implementation
   • Notify the reviewing team that you've completed the task
   • Include your forked repository URL in the notification

🤝 Good Luck!

We look forward to seeing your creative solution to this challenge. If you have any questions, please don't hesitate to ask.