:love_you_gesture: 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!!

:clapper: Demo

Explore, Notifications, Profile, Settings are pending! contributions are always welcome! :wink:

:iphone: Responsive

Trying to keep it up with mobile first! :sweat_smile:

<p align="left"> <img src="https://github.com/shindesharad71/Anstagram/blob/master/screenshots/register-anstagram.png?raw=true" width="31%" style="margin: 4px;" /> <img src="https://github.com/shindesharad71/Anstagram/blob/master/screenshots/profile-anstagram.png?raw=true" width="31%" style="margin: 4px;" /> <img src="https://github.com/shindesharad71/Anstagram/blob/master/screenshots/upload-photos-anstagram.png?raw=true" width="31%" /> </p>

:radio_button: 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

:radio_button: Installation and Setup

1. Clone the project to your local machine

git clone https://github.com/shindesharad71/Anstagram.git

2. Change the directory to Anstagram

cd Anstagram

3. Rename env.example file to .env and add required details

4. Install the packages required

npm install

5. Start the application

• Frontend

npx nx serve

• Backend

npx nx serve backend

:radio_button: Contribution

Feel free to tweak around code and add new features! :grinning: