duytuann / instagram-clone

Clone Instagram using ReactJS and ASP.NET Core

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Instagram clone

Instagram clone is a fully responsive social media app that is a mimic for Instagram built using ReactJS and ASP.Net Core.

Important Note

I am still working on the project, this is not the final verison of it, I just make it public to get feedback and imporve it ... Happay-Eid πŸŽ‰πŸ

About

Instanews is a fully responsive social media app that is a mimic for Instagram built using ReactJS and ASP.NET Core

Build with

Getting Started

This is an list of needed instructions to set up your project locally, to get a local copy up and running follow these instructuins.

Installation

  1. Clone the repository
$ git clone https://github.com/duytuann/instagram-clone.git
  1. Navigate to repository directory
$ cd instagram-clone
  1. Install dependencies
$ cd client -> npm install
$ npm install
  1. Change your Connection String
In File instagram-clone/server/Instagram.API/appsettings.json, change your postgresSqlConnection to your ConnectionString.

Running

Compiles and hot-reloads for development

$ cd client -> npm run dev
$ cd server/Instagram.API -> dotnet watch

Database Schema

image

Features

Sign In and Sign Up (Security With JWT Bearer Token)

signin image

Post Media (Storage with Azure Blob Storage)

postgif

Profile Detail

image

Paging Comment and NewFeed

image

And More (Follow, UnFollow, Inbox, ...)

I have finished the API but I haven't finished the interface part. πŸ˜‚ πŸ˜‚

About

Clone Instagram using ReactJS and ASP.NET Core


Languages

Language:TypeScript 62.4%Language:C# 34.8%Language:JavaScript 1.6%Language:SCSS 0.8%Language:HTML 0.2%Language:Dockerfile 0.2%Language:Shell 0.1%