Skip to content

Repository files navigation

React Native Student Management App

A modern React Native mobile application built using Expo. This project demonstrates core React Native concepts including navigation, API integration, form handling, nested scrolling, and custom UI components.


Features

  • Stack Navigation
  • Axios API Fetching
  • FlatList Rendering
  • Pull To Refresh
  • Student Detail Screen
  • Route Parameters
  • Form Validation
  • Nested ScrollView
  • Horizontal & Vertical Scrolling
  • Custom TouchableOpacity Buttons
  • Gradient UI Design

Technologies Used

  • React Native
  • Expo
  • JavaScript
  • Axios
  • React Navigation
  • Expo Linear Gradient

Screens

Home Screen

Displays student list fetched from API using FlatList.

Student Detail Screen

Shows detailed student information dynamically.

Add Student Screen

Allows user to add student information with validation.

Scroll Demo Screen

Demonstrates nested horizontal and vertical ScrollViews.


Learning Outcomes

This project helped me learn:

  • React Native fundamentals
  • Mobile UI development
  • API handling
  • Navigation between screens
  • Form management
  • Nested scrolling
  • Custom component styling

Author

Muhammad Awais

About

A React Native mobile app demonstrating navigation, API integration, nested ScrollViews, form validation, and custom UI components.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages