Contact List - React Native App
A mobile contact management application built with React Native as part of ITI coursework. The app provides a clean interface for displaying contact lists with detailed information for each contact, featuring modern Material-UI design and efficient data handling.
Overview
This Contact List app demonstrates React Native development skills with a focus on clean UI design, efficient data management, and smooth navigation. Built using Material-UI components and modern React Native practices, it provides an intuitive contact browsing experience.
Key Features
•📱 Native Mobile Experience: Built specifically for mobile devices
•👥 Contact Management: Display and browse contact information
•🎨 Material Design: Beautiful Material-UI components
•📊 Efficient Data Handling: useAxios for API management
•🔄 State Management: useReducer for complex state logic
•🧭 Stack Navigation: Smooth navigation between screens
•📡 API Integration: JSON server for data persistence
Tech Stack
Mobile Framework
•Framework: React Native
•Language: JavaScript
•Navigation: Navigation Stack
UI & Design
•Design System: Material-UI
•Components: Native mobile components
•Styling: React Native StyleSheet
Data Management
•HTTP Client: useAxios custom hook
•State Management: useReducer
•Data Source: json-server
Demo
Watch the full demo: YouTube Demo
Contact
•**GitHub**: View Source Code
•**Demo**: Watch on YouTube