🎯 React Native Goals App

A simple and clean goals tracking mobile application built with React Native and Expo.

This project was created to practice core React Native concepts such as components, state management, lists, modals, and styling.

---

✨ Features

• ➕ Add new goals using a modal
• ❌ Delete goals by tapping on them
• 📱 Mobile-friendly UI
• 🎨 Modern purple theme
• 🧾 Efficient list rendering with FlatList

---

🛠 Tech Stack

• React Native
• Expo
• JavaScript
• React Hooks (useState)
• FlatList, Modal, Pressable

---

📂 Project Structure

react-native-goals-app/ │ ├── App.js ├── components/ │ ├── GoalItem.js │ └── InputItem.js │ ├── assets/ │ └── imgs/ │ └── goal.png │ ├── package.json ├── .gitignore └── README.md

---

🚀 Getting Started

1️⃣ Install dependencies

npm install

2️⃣ Start the app
npx expo start


Scan the QR code using Expo Go on your phone or run it on an emulator.

🎓 Learning Goals

This project helped me understand:

Component communication via props

Managing state in React Native

Conditional rendering

Modal handling

Custom styling with Pressable

Clean project structure

👤 Author

Khalil Software Engineering Student Learning React Native 🚀