Skip to content

terzidest/little-lemon

Repository files navigation

Little Lemon Restaurant App

Description

A React Native app for the Little Lemon Restaurant that allows users to browse the menu, search for items, and filter by categories. The app fetches data from an online API and stores it locally using SQLite.

Table of Contents

Installation

Prerequisites

  • Node.js
  • Expo CLI
  • SQLite (included with Expo)

Steps

  1. Clone the repository:
    git clone https://github.com/terzidest/little-lemon.git
    cd little-lemon
  2. Install dependencies:
    npm install
  3. Start the development server:
    npx expo start

Usage

  1. Run the app on an emulator or physical device using the Expo Go app.
  2. Browse the menu, search for items, and filter by categories.

Screenshots

Onboarding Screen

Onboarding Screen

Home Screen

Home Screen> Search Filter>

Profile Screen

Profile Screen>

Architecture

Folder Structure

  • assets/: Images and fonts.
  • components/: Reusable components.
  • screens/: Screen components.
  • database.js: SQLite database setup and functions.
  • App.js: Entry point of the app.

Technologies Used

  • React Native
  • Expo
  • SQLite
  • Axios

Features

  • Browse menu items with images and descriptions.
  • Search for items by name.
  • Filter items by categories (Starters, Mains, Desserts, Drinks, Specials).

Development

API Integration

The app fetches menu data from the Little Lemon API and stores it locally using SQLite.

Database

SQLite is used to store menu data locally for offline access. The database.js file contains functions to manage the local database.

State Management

The app uses the Context API to manage global state, such as selected categories and search terms.

Credits

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published