Twitter Clone 2.0 (in-progress)

This project was generated with Angular CLI version 13.1.1.

A Twitter clone build using Angular 13 and Firebase. It uses NgRx for state management and reactive programming design pattern.

• Angular + Firebase + NgRx

Features completed

• Login
• Sign-up
• Profile creation
• Feed - Display posted tweets
• Profile card - Userinfo
• Post new tweet

• Screenshots

Environment Variables

The environment variables can be found and modified in the .env-sample file. First, rename the file to .env. They come with these default values:

PRODUCTION=false
API_BASE_URL=<API_URL>
FIREBASE_API_KEY=<FIREBASE_API_KEY>
FIREBASE_AUTH_DOMAIN=<FIREBASE_AUTH_DOMAIN>
FIREBASE_PROJECT_ID=<FIREBASE_PROJECT_ID>
FIREBASE_STORAGE_BUCKET=<FIREBASE_STORAGE_BUCKET>
FIREBASE_MESSAGING_SENDER_ID=<FIREBASE_MESSAGING_SENDER_ID>
FIREBASE_APP_ID=<FIREBASE_APP_ID>
FIREBASE_MEASUREMENT_ID=<FIREBASE_MEASUREMENT_ID>

Pre-reqs

To build and run this app locally you will need a few things:

• Setup .env variables with your firbase app configs

• Run command - Run npm run config, which will use .env variables to environment files in angular app

  *(Config command is added to scripts for build, serve)

Build

Run npm run build to build the project. The build artifacts will be stored in the dist/twitter-clone directory.