A sleek React Native & Expo menu application for browsing dishes, built as the final project for Coursera’s Working with Data course. Dynamically fetches menu items, offers filtering, and search functionality.
- 📡 Dynamic Data Fetching: Pulls menu items from a live JSON API
- 🎯 Smart Filtering: Sort dishes by category (Appetizers, Mains, Desserts)
- 🔍 Instant Search: Find items by name or ingredients
- 📱 Native Experience: Built with React Native & Expo for smooth performance
- 💾 Local Caching: Uses Expo SQLite for offline data persistence
- Node.js ≥18.x
- Expo CLI (
npm install -g expo-cli) - Expo Go App (for mobile testing)
-
Clone the repo
git clone https://github.com/pro804/Menu_App_Little_Lemon.git cd menu-app -
npm install
-
npm start
- Mobile Device:
Open Expo Go app
Scan QR code from terminal/expo dashboard
- Emulator:
Press a for Android or i for iOS in the terminal
Requires Android Studio/Xcode installed
🛠️ Technologies Frontend: React Native (Expo)
State Management: React Context API
Database: Expo SQLite
Networking: Axios
Styling: React Native StyleSheet
🤝 Contributing Contributions welcome! Follow these steps:
-
Fork the project
-
Create your feature branch (git checkout -b feature/AmazingFeature)
-
Commit changes (git commit -m 'Add some AmazingFeature')
-
Push to branch (git push origin feature/AmazingFeature)
-
Open a Pull Request
📜 License Distributed under the MIT License. See LICENSE for details.
🙏 Acknowledgments Coursera’s Working with Data course team
Expo documentation contributors
React Native community
