insta-clone-app

Insta-Clone-App is a web app which can be used to upload posts, explore posts, check your friend's posts etc. It is built using React.js for frontend, Go for backend and Firebase for database.

Comment

🔥 Introduction

Insta-Clone-App is a web app which can be used to upload posts, explore posts, check your friend's posts etc. It is built using React.js for frontend, Go for backend and Firebase for database.

Frontend is deployed using Github Pages -> pushkarm029.github.io/insta-clone-app.

Full Stack Application Will be Deployed soon.

💥 Features

  • It enables users to log in and create an account.
  • User can upload their images in the application.
  • User can visit explore page where user can see the new post of other users.
  • User can visit home page where user can see the all posts of other users whom the current users follow.
  • User can interact with posts by liking & commenting.
  • The User can enjoy Reels.
  • User can deep dive into chill-zone to play some mini-games created by me.

🛠️ Local Development :

  1. Open your terminal and then type

    $ git clone https://github.com/Pushkarm029/insta-clone-app

  2. cd into the folder

    $ cd insta-clone-app/

  3. cd into the frontend folder

   $ cd frontend

  1. install the required dependencies for frontend

    $ npm install

  2. To start the application on localhost

    $ npm start

  3. To Deploy the frontend application on Github Pages

    $ npm run deploy

  4. cd into backend folder

   cd ../backend
  1. install the required dependencies for backend
   go get -u ./...

  1. Start the server on :8080

    go run main.go

Note : You need to restart backend server after every change in any .go file.

❤️ Learnings :

  • I have learned how to use components, props, and state to create interactive user interfaces.
  • I have also gained a better understanding of how to structure a React project, including the use of ES6 syntax and styling with CSS.
  • I have learned how to implement React Redux to make a global state and then use it anywhere.
  • I have also become familiar with the React Router library for creating dynamic routes in my web applications.
  • I have also gained experience in deploying React applications to production.
  • I have also gained a better understanding of Firebase Authentication, Storage and Firestore.
  • Got Better Understanding of GO while implementing this as backend in this app.
  • I learned how to iterate over data present in Firestore, converging it into JSON, and making HTTP requests using the Go-Gin Framework.
  • Created REST API's using GO to perform CRU (CREATE, READ and UPDATE) operation.
  • I learned how to build Unity games for the web and then implement them in a full-stack application.

Built With

Share this project:

Updates