This project is a task designed for React developers. It serves as a starting point or exercise to practice and showcase React development skills.
You can experience the app live at randomuser-task.netlify.app.
- User List: Display a list of users fetched from an API, including their names, ages, nationalities, and genders.
- Filtering: Allow users to filter the user list based on age range, nationality, and gender.
- Search: Implement a search functionality to search for users by their first or last names.
- Dynamic Fetching: Fetch user data from an API with customizable parameters based on the selected filters.
- Responsive Design: Ensure that the user interface is responsive and adapts well to different screen sizes and devices.
- Error Handling: Handle errors gracefully, displaying appropriate error messages when API requests fail or encounter issues.
- Code Organization: Structure the codebase using modular components and follow best practices for React development.
To install and set up the project, follow these steps:
- Clone the repository:
git clone https://github.com/Trayshmhirk/task-for-react-dev.git - Navigate to the project directory:
cd task-for-react-dev - Install the dependencies:
npm install - Start the application:
npm run dev
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent