The User Directory App is a React Native project that allows users to view a list of users fetched from the JSONPlaceholder API. The app provides features like infinite scrolling, user search, sorting, and detailed user information.
-
User List Screen
- Displays a paginated list of users with their name and email.
- Infinite scrolling to load more users dynamically as the user scrolls.
- Real-time search functionality to filter users by name.
- Sorting options to sort users alphabetically by name or email.
-
User Details Screen
- Provides detailed information about a selected user, including:
- Name
- Address (Street, City, Zip)
- Company Name
- Easy navigation back to the user list.
- Provides detailed information about a selected user, including:
-
Additional Features - Error handling for network issues - Loading indicators during data fetch - Placeholder text and styles for better user experience.
- Clone the Repository:
git clone [GitHub Repository URL]
cd [repository-folder]- Install Dependencies:
npm install- Start the Metro Server:
npx expo start- Run the App:
npx expo start- Screenshots : View Screenshot
- Demo Video : Watch Video
- Dynamic Search and Sorting: -Ensured smooth interaction between search, sorting, and pagination.
- React Native for app development.
- React Navigation for screen transitions.
- FlatList for optimized user list rendering.
- JavaScript for logic implementation.
Special thanks to JSONPlaceholder for providing a free, easy-to-use API for prototyping.