lewistham9x / Tweetstagram

Instagram Clone with Angular, Node and Typescript Using Nrwl Tooling.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Anstagram

🀟 Anstagram

Instagram Clone with Angular, Node and Typescript started on 9 March 2019 (Ported to Nrwl tooling on 28 January 2020).

Work in progress! always!!

🎬 Demo

Explore, Notifications, Profile, Settings are pending! contributions are always welcome! πŸ˜‰

Demo

πŸ“± Responsive

Trying to keep it up with mobile first! πŸ˜…

πŸ”˜ Things Learned While Building Anstagram

  • Angular App Architecture
  • Setup Node App with TypeScript
  • Angular App Route Protection
  • JWT Token Management
  • Google Cloud Instance Firewall and Domain Mappings
  • Ngnix Server and Reverse Proxy
  • Google Cloud Storage File Upload and Retrieve
  • Nrwl Tooling

πŸ”˜ Installation and Setup

  1. Clone the project to your local machine
git clone https://github.com/shindesharad71/Anstagram.git
  1. Change the directory to Anstagram
cd Anstagram
  1. Rename env.example file to .env and add required details

  2. Install the packages required

npm install
  1. Start the application
  • Frontend
npx nx serve
  • Backend
npx nx serve backend

πŸ”˜ Contribution

Feel free to tweak around code and add new features! πŸ˜€

About

Instagram Clone with Angular, Node and Typescript Using Nrwl Tooling.

License:MIT License


Languages

Language:TypeScript 56.7%Language:HTML 23.2%Language:Python 7.3%Language:SCSS 6.6%Language:JavaScript 5.2%Language:Dockerfile 1.0%Language:Shell 0.1%