React-Native-Restaurant-App

Open source JavaScript

GitHub

307

Stars

206

Forks

Issues

Watchers

3 years

Last Commit

Mobile Development Icon Libraries

About React-Native-Restaurant-App

React-Native-Restaurant-App is a comprehensive boilerplate designed for building restaurant management applications with a single codebase supporting both mobile and web platforms. The project leverages React Native for iOS and Android development while utilizing React JS for the web version, ensuring a unified logic and view architecture. It implements a scalable project structure that separates reusable components, screen-specific logic, and platform-specific code into distinct directories such as app for mobile and web for desktop. The application integrates Redux for state management, including actions, reducers, sagas, and store configuration, alongside an organized service layer for API communication. Key features include a centralized router configuration, reusable base components, and standardized utility functions for colors and assets. The setup requires a companion backend server for full functionality. Installation is straightforward via npm or yarn, followed by build commands to launch the applic

Platforms

Web Self-hosted

Languages

JavaScript

Links

Source Code

Published by

codebrahma

Visit View Profile

README.md

View on GitHub

Restaurant App

BoilerPlate Used React Native https://github.com/kaushiknishchay/React-Native-Boilerplate

BoilerPlate Used React.JS https://github.com/Codebrahma/Codebrahma-React-Boilerplate

Setup

Prerequisites

Install and setup the backend server

https://github.com/Codebrahma/RestaurantApp-Express

Installation

run npm install or yarn install

Run on Device

run yarn android or yarn ios to run on device or emulator

Start the web version

run yarn start:web

Project info

Main objective of this project was to have a single code base for both web and mobile apps with the logic and view separated.

Project Structure

    /android                - React native android source code

    /app                    - React native specific code
        /base_components    - reusable react native components
        /components         - react native components
        /screens            - connected to store components
        /App.js             - App Root component
        /router.js          - route config

    /assets                 - contains image and fonts
    /ios                    - React native ios source code

    /src
        /actions            - all redux actions
        /constants          - colors and Assets
        /reducers           - all reducers
        /sagas              - all redux sagas  
        /service            - API methods
        /store              - store config
        /utils              - some utility functions

    /web                    - react js web specific code
        /screens            - connected to store components
        /components         - react components
        /base_components    - reusable react components
        /App.js             - App Root component
        /routes.js          - route config
    /webpack                - webpack config