arctic-app

byMuhammad Umair

hey i need app can you make for me in react native expo the app is attendence management system

SplashLoginNotificationsRecordsDashboardAttendance
Splash

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 4

System Requirements Document (SRD)

Project Name: Arctic-App

1. Introduction

The Arctic-App is an attendance management system designed specifically for students in educational contexts. Developed using React Native Expo, this app aims to streamline attendance tracking processes, making it easier for educators to manage student attendance while providing students with access to their attendance records.

This document outlines the system requirements for the Arctic-App, ensuring clarity in development and alignment with Muhammad Umair's vision for the project.

2. System Overview

The Arctic-App is a mobile application that facilitates attendance management for students. It is designed to be intuitive and user-friendly, ensuring seamless functionality across both Android and iOS platforms.

Key features include:

  • Attendance tracking by educators.
  • Students' ability to view their attendance records.
  • Notifications for missed classes or attendance updates.

The app will cater to educational institutions, providing a centralized platform for attendance management.

3. Functional Requirements

As story points:

  • As a Teacher, I should be able to mark attendance for students.
  • As a Student, I should be able to view my attendance records.
  • As a Teacher, I should be able to send notifications to students about missed classes or attendance updates.
  • As a Student, I should receive notifications for missed classes or attendance updates.

4. User Personas

Page 2 of 4

1. Teacher

  • Role: Educator responsible for managing attendance.
  • Needs: Ability to mark attendance, send notifications, and view attendance summaries.

2. Student

  • Role: Learner who needs access to attendance records.
  • Needs: Ability to view attendance records and receive notifications about attendance updates.

5. Visuals Colors and Theme

Unique Color Palette:

The Arctic-App will feature a cool, modern, and minimalistic color palette inspired by the Arctic theme.

  • Background: #E8F5FC (Arctic Ice Blue)
  • Surface: #FFFFFF (Pure White)
  • Text: #1A374D (Deep Arctic Navy)
  • Accent: #F28C28 (Warm Polar Orange)
  • Muted Tones: #A3C4DC (Soft Glacier Blue)

This palette reflects the app's clean and professional aesthetic while maintaining a sense of calm and focus for educational use.

6. Signature Design Concept

The "Arctic Dashboard" Experience

The Arctic-App will feature a dynamic, interactive dashboard inspired by the Arctic landscape.

Home Page Design:

  • The landing page will resemble an animated Arctic scene, with a glacier slowly shifting in the background.
  • Interactive Icebergs: Each iceberg represents a feature (e.g., attendance records, notifications). When tapped, the iceberg "cracks" and reveals the feature underneath.
  • Micro-Interactions: Subtle animations like snowflakes falling or ice melting when hovering over buttons.
  • Transitions: Smooth transitions between pages, with a "frosted glass" effect overlay during loading.
  • Color Shifts: The background subtly changes hues based on the time of day (e.g., cool blues in the morning, warmer tones in the evening).

This design will make the app visually striking and memorable, ensuring users feel immersed in the Arctic theme while navigating the app's features.

Page 3 of 4

7. Non-Functional Requirements

  • The app must be responsive and functional across both Android and iOS platforms.
  • Ensure data security for attendance records and notifications.
  • Provide a seamless user experience with minimal loading times.
  • Support offline functionality for attendance marking and record viewing, syncing data when online.

8. Tech Stack

Frontend

  • React Native (Expo)

Backend

  • Python
  • FastAPI

Database

  • MySQL (preferred for structured attendance data)

AI Tools

  • GPT 5.2 for user-friendly responses and notifications.

Local Orchestration

  • Docker
  • Docker-Compose

Server-Side Orchestration

  • Kubernetes

9. Assumptions and Constraints

Assumptions:

  • The app will primarily be used by students and teachers in educational institutions.
  • Notifications will be sent via push notifications to students' devices.
  • Attendance data will be stored securely in a centralized database.
Page 4 of 4

Constraints:

  • The app must comply with data protection regulations in Pakistan (e.g., ensuring student data privacy).
  • Limited internet connectivity in some regions may require robust offline functionality.

10. Glossary

  • React Native Expo: A framework for building cross-platform mobile applications.
  • Attendance Records: Data showing whether a student was present or absent for a class.
  • Push Notifications: Alerts sent to a user's device to notify them of updates or actions.
  • Offline Functionality: The ability to use app features without an internet connection, syncing data when online.

This updated SRD provides a comprehensive overview of the Arctic-App, ensuring alignment with Muhammad Umair's vision and the project's goals.

Splash design preview
Splash: Launch App
Login: Sign In
Dashboard: View Overview
Records: View Attendance
Notifications: View Alerts
Notifications: Mark Read