qingquan-li / doorgo

DoorFront (https://doorfront.org/) Mobile App

Tech Stack

• Front-end (client-side)
  • TypeScript (JavaScript)
  • React Native (Create Android/iOS apps using React)
  • Expo (A set of tools and services built around React Native)
  • React Navigation (Routing and navigation for React Native apps)
  • Redux (A Predictable State Container )
• Back-end
  • Firebase (for authentication and data storage)

How to run this project

1. Download the code

Download and then open the code on an IDE (e.g., VSCode).

2. Install dependencies

On the terminal, in the project root directory, run npm install or npx expo install to install dependencies.

Note: The npx expo install command will pick a version of the library that is compatible with your project and then use your JavaScript package manager (such as npm) to install it.

3. Run the project

On the terminal, in the project root directory, run:

npx expo start

or:

npm start

Create a new React Native project with Expo

1. Install Node.js

   https://nodejs.org/en/

2. Install expo-cli globally

   $ npm install expo-cli --global

3. Initialize a expo project

   $ npx create-expo-app --template
   ? Choose a template: › - Use arrow-keys. Return to submit.
       Blank
   ❯   Blank (TypeScript) - blank app with TypeScript enabled
       Navigation (TypeScript)
       Blank (Bare)

Install and update packages that work with the version of react-native in your project:

$ npx expo install package-name

doorgo's Issues

Home page

Develop the home page (just a demonstration, don't take this issues).

Test the SignUp page and LogIn pages

About react native testing: https://reactnative.dev/docs/testing-overview

Create static SignUp page and LogIn pages

SignUp/LogIn with email and password

Create a simple doc to indicate how to contribute

sign-up-with-firebase

Develop sign-up functionality, and interact with firebase: Authenticate and create users on firebase.

Create main screen pages: Home, Post, Profile

Create 3 tab pages with React Navigation

Geolocation feature

Receive geo location input from user.