Web

Summary

1. Introduction

Create your own account to receive custom news and tips about psychotherapy and meditation. It was developed for 3 days challenge.

1.2. Features

  • Sign Up with Firebase Auth;
  • Sign In with Firebase Auth;
  • Auth navigators;
  • Home and company info;
  • Blog and posts;
  • Lottie animations;
  • Android and iOS;
  • Environment variables;

https://youtu.be/tHMbcTnPXSo

Video demo.

2. Live Preview

3. Technologies

4. Installing and Running

  • Clone this repo:
git clone git@github.com:90lucasgabriel/therapy-challenge.git
  • Access directory:
cd therapy-challenge
  • Install dependencies:
yarn
  • Create and setup environment files:
/.env
REACT_APP_FIREBASE_API_KEY=AIzaSyAXx4eeEteQ5PpMW3h-Odxg0zTRyeHUPrU
REACT_APP_FIREBASE_AUTH_DOMAIN=vittude-72e69.firebaseapp.com
REACT_APP_FIREBASE_PROJECT_ID=vittude-72e69
REACT_APP_FIREBASE_STORAGE_BUCKET=vittude-72e69.appspot.com
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=737232208374
REACT_APP_FIREBASE_APP_ID=1:737232208374:web:8f49b752fef85f4b1947d7
  • Run
yarn start
  • Scan the QR code above with Expo Go (Android) or the Camera app (iOS);
  • Press 'a' to open Android emulator;
  • Press 'i' to open iOS simulator;

5. References

[1] React Native - Avaiable on https://reactnative.dev/;

[2] Styled Components - Available on https://styled-components.com/;

[3] Typescript - Available on https://www.typescriptlang.org/;

[4] Firebase Auth - Available on https://firebase.google.com/docs/auth/;