This is a React Native app designed for the University of Vavuniya (UoV) students. The app allows students to log in and access various features like their profile, courses, and subjects with corresponding marks and details. The app provides an intuitive navigation system for students to manage their academic information.
- Login Page: Allows students to log in with their username and password.
- Profile Page: Displays the student's profile with personal and biological information.
- Course Page: Shows the details of the student's course including its description, duration, and other related details.
- Subjects Page: Displays the subjects the student is enrolled in, along with their marks for each subject.
A simple login page where students can enter their username and password to access their account.
Displays the student's personal and biological information including their contact and bio details.
Shows the details of the student's course such as the name, code, and department.
Displays the subjects the student is enrolled in along with their marks for each subject.
- React Native: For building the mobile app.
- React Navigation: For handling navigation between screens.
- React Native Paper: For UI components.
- React Native Safe Area Context: For proper layout and responsiveness.
- Expo: For building and running the React Native app.
Ensure you have the following installed:
- Clone this repository:
git clone https://github.com/IT3133-Project/StudentCareApp.git cd studentcare - Install dependencies:
npx install
- Run the app:
npx start myapp/
├── assets/ # Contains static assets like images
├── components/ # Contains the reusable components like Login, Profile, Course,
├── data/ # Contains mock data for students, courses, subjects, and marks.
├── App.js # Main app entry point
├── package.json # Project dependencies and scripts
└── README.md # Project documentationLogin Screen
Profile Screen
Course Screen
Subjects Screen
Demo Video
