An open API service indexing awesome lists of open source software.

https://github.com/shindesharad71/Anstagram

Instagram Clone with Angular, Node and Typescript Using Nrwl Tooling.
https://github.com/shindesharad71/Anstagram

angular javascript node-typescript nodejs nrwl pwa rest-api typescript

Last synced: 3 months ago
JSON representation

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

Awesome Lists containing this project

README

        

![Anstagram][logo]

[logo]: https://github.com/shindesharad71/Anstagram/blob/master/apps/frontend/src/assets/logo/anstagram-transperent-logo.png?raw=true 'Anstragram'

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

![Demo](demo.gif)

### :iphone: Responsive

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





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

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

2. Change the directory to `Anstagram`

```bash
cd Anstagram
```

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

4. Install the packages required

```bash
npm install
```

5. Start the application

- Frontend

```bash
npx nx serve
```

- Backend

```bash
npx nx serve backend
```

## :radio_button: Contribution

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