Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/tamoziit/instafornoobs

Full stack Instagram clone
https://github.com/tamoziit/instafornoobs

custom-hooks deployment firebase-auth firebase-database firebase-storage react-hook react-router react-state-management responsive-web-design security-rules version-control web-application

Last synced: about 15 hours ago
JSON representation

Full stack Instagram clone

Awesome Lists containing this project

README

        

![MasterHead](https://resize.indiatvnews.com/en/resize/newbucket/1200_-/2023/08/instagram-freepik-1693399302.jpg)

InstaForNoobs


A web application which works along the footsteps of the well known social media site - Instagram.

# Features

- Feed Posts.
- User Suggestions.
homepage
- User Profile
- Likes, Comments, Follow/Unfollow.
- Post Creation.
- Search for User.
- Authentication.
- Responsiveness.

# Concepts Learned

profilepage

- Developing interactive & responsive UI design using React.
- Using UI/UX framework "Chakra UI".
- Handling Backend as a Service platform - Firebase.
- Handling Firebase Authentication, Firebase Database, Storage and setting up Firebase security rules.
- Developing custom Hooks to carry out different functionalities like following, searching, creating posts etc. within the website.
- Version Control using GitHub.
- Deploying the website using Vercel.

# Tech Stack

react javascript firebase git

# Mobile View

MV1 MV2

Check it out here! 😎


[Instafornoobs] (https://insta-for-noobs.vercel.app/)