Ionic Instagram Clone

Link to Part 1 of Tutorial Series

Link to Part 2 of Tutorial Series

Link to Part 3 of Tutorial Series

Link to Part 4 of Tutorial Series

Prerequisite

• Ionic installed on your machine, you can read up on how to do that here [] add link
• NodeJS installed on your machine
• Yarn Installed on your machine
• Docker Installed on your machine

Getting Started

• Install the necessary node modules

npm install

• Obtain Cloudinary Credentials

• Enter Cloudinary Credentials in the src/pages/create-post/create-post.ts

• Obtain Pusher Crendtials

• Enter Pusher Credentials in src/providers/pusher-service/pusher-service.ts and server/server.js

Setting Up the Backend

• Change Directory and install node modules

cd server
npm install

• Start Backend Server

node server,js

Update Ionic Application

• Enter Backend Server URLs in src/pages/create-post/create-post.ts and src/pages/comment/comment.ts

Create docker server

• In the server/ directory, create docker container:

docker-compose up -d

Start Ionic Application

• Run the command

ionic serve

Built with

• Pusher - APIs to allow you add realtime functionality and online presence features to your applications
• Cloudinary - Image and video management full stack platform
• Prisma - Prisma makes it easy to implement GraphQL servers.
• Ionic - Ionic lets web developers build, test, and deploy cross-platform hybrid mobile apps easier than ever.