TapnView is a React Native app that fetches and displays user data with added features for enhanced user interaction. It allows users to search, sort, and paginate through a list of users and view detailed profiles.
- User List: Displays a list of users with their names and emails.
- Search Bar: Search users by name in real-time.
- Pagination (Infinite Scroll): Load additional users as you scroll to the bottom of the list.
- Sort Users: Sort the user list by name or email.
- User Profile Picture: Display a placeholder image for each user.
- User Details Screen: View detailed information about a selected user, including their address, phone, company, and website.
- Node.js (v16.x recommended)
- npm or yarn
- Expo CLI (Local CLI)
-
Clone the Repository:
git clone https://github.com/Vipul-Mhatre/Tap-n-View.git cd tapnview -
Install Dependencies:
npm install
-
Start the Development Server:
npx expo start
-
Run on a Device or Emulator:
- Scan the QR code from the Expo Go app (available on iOS and Android).
- Or, run on an Android emulator/iOS simulator via the Expo CLI.
.
├── assets # Icons, splash screens, and images
├── components # Reusable UI components
├── screens # Main screens (UserList, UserDetails)
├── navigation # App navigation configuration
├── App.js # Main app entry point
├── app.json # Expo configuration
├── package.json # Project metadata and dependencies
└── README.md # Project documentation
TapnView is developed by Vipul Mhatre.