Educational mobile application developed with React Native and Expo to help students strengthen their spelling skills through interactive exercises and immediate feedback. It includes user authentication, Firebase storage, and a reusable architecture based on exercise templates.
Built with React Native + Expo and Firebase.
An educational mobile app built with React Native and Expo to help UNIMINUTO students improve their spelling skills. Features interactive exercises, real-time feedback, Firebase authentication/storage, and a reusable template-based architecture. Allows users to answer questions intuitively and provides immediate feedback to reinforce learning.
The objective of the project was to develop a simple, fast, and accessible learning experience using modern technologies from the React Native ecosystem.
- Organized dynamic exercises.
- Reusable interactive exercise template.
- Multiple-choice questions and hints.
- Immediate visual feedback with alerts and feedback modals.
- Progress visualization during the exercise.
- Authentication and protected routes in the application.
- Modern and responsive interface.
- Smooth navigation using Expo Router.
- Database in Firebase Firestore.
- React Native
- Expo
- TypeScript
- Firebase Authentication
- Firebase Firestore (NoSQL)
- Expo Router
- AsyncStorage
The project follows a modular and clean structure based on custom hooks and decoupled services:
OrthograCode/
├── app/ # Routes and navigation with Expo Router
│ ├── (auth)/ # Authentication views (Login, Register)
│ ├── (tabs)/ # Main navigation (Home, Progress, Profile)
│ └── exercise/ # Exercise views and interactivity
├── components/ # Reusable UI components (Modals, Hints, Buttons)
├── hooks/ # Custom state logic
├── services/ # REST API integration services
├── utils/ # Helper function definitions
└── assets/ # Graphic assets and images
---
# Installation
Clone the repository
```bash
git clone https://github.com/tuusuario/OrthograCode.git
Navigate to the project directory
cd OrthograCodeInstall dependencies
npm installStart Expo
npx expo startCreate a file
.env
Add the Firebase configuration
EXPO_PUBLIC_FIREBASE_API_KEY=
EXPO_PUBLIC_FIREBASE_AUTH_DOMAIN=
EXPO_PUBLIC_FIREBASE_PROJECT_ID=
EXPO_PUBLIC_FIREBASE_STORAGE_BUCKET=
EXPO_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=
EXPO_PUBLIC_FIREBASE_APP_ID=Andrey Acosta
Software Engineering student passionate about mobile and web application development.
This project is distributed under the MIT License.
See the LICENSE file for more information.
⭐ If you find this project interesting, consider giving it a star.