JU App

A modern mobile application built with React Native and Expo, featuring a secure login system for students and teachers.

🔑 Login System

The app includes a secure authentication system with the following features:

• Dual login system for Students and Teachers
• Animated UI with smooth transitions
• Form validation
• Secure password handling
• Remember me functionality (coming soon)

User Types

1. Students

   • Login with Student ID
   • Access to student-specific features

2. Teachers

   • Login with Username
   • Access to teacher dashboard and tools

Login Flow

1. Select user type (Student/Teacher)
2. Enter your credentials
3. Click 'Sign In' to access your account
4. Forgot password? Use the 'Forgot Password' link (coming soon)

🚀 Getting Started

Prerequisites

• Node.js (v14 or later)
• npm or yarn
• Expo CLI
• Android Studio / Xcode (for emulator) or a physical device with Expo Go app

Installation

1. Clone the repository

   git clone <repository-url>
   cd Ju_App

2. Install dependencies

   npm install
   # or
   yarn install

3. Start the development server

   npx expo start

4. Run on your preferred platform

   • Press a for Android emulator/device
   • Press i for iOS simulator/device
   • Scan the QR code with Expo Go app (iOS) or Camera app (Android)

In the output, you'll find options to open the app in a

• development build
• Android emulator
• iOS simulator
• Expo Go, a limited sandbox for trying out app development with Expo

You can start developing by editing the files inside the app directory. This project uses file-based routing.

Get a fresh project

When you're ready, run:

npm run reset-project

This command will move the starter code to the app-example directory and create a blank app directory where you can start developing.

🛠️ Technical Stack

• Frontend: React Native with TypeScript
• Navigation: Expo Router
• UI Components: React Native + Custom Components
• State Management: React Hooks
• Animation: React Native Reanimated
• Icons: @expo/vector-icons
• Storage: @react-native-async-storage/async-storage

📚 Documentation

• Expo Documentation
• React Native Documentation
• TypeScript Documentation

🤝 Contributing

Contributions are welcome! Please follow these steps:

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Expo for the amazing cross-platform development experience
• React Native for the framework
• All contributors who have helped shape this project