/react-firebase-instagram-clone

Created with CodeSandbox

Primary LanguageJavaScript


Hello! 👩🏻‍🦰 🤙🏻

I am Liuba, a Front-End Developer working with React. I love to create awesome stuff with code.

Inatagram Clone React-Firebase App (Learning Project)

View Demo · View Sandbox · Report Bug

About The Project


landing page

This project was built with intention of learning and improving my understanding of React and Firebase. I used Material UI for the styling of this project.

It is a clone of an Instagram app that we all use on daily basis for fun and inspiration. In this project, the user can log in and add a post. Before posting an image user able to preview the image and add a caption. After uploading post will appear on the board with username, image, and caption. The user can delete posted image.

Stack

Getting Started

#make sure you have npm installed
npm install npm@latest -g

#Clone the repo
gh repo clone liuba-larousse/react-firebase-instagram-clone

#Install NPM packages
npm install

#Start project
npm start

Features

  • ✅ React

    • ⭐ useState
    • ⭐ useEffect
    • ⭐ Context

  • ✅ Firebase

    • ⭐ User Authentication
    • ⭐ Firestore Database (CRUD functionality)
    • ⭐ Media Storage (upload images)

  • ✅ Material UI

    • ⭐ FormControl, Input, Modal, etc.
    • ⭐ Icons
    • ⭐ useStyles for styling

Learnings

💡 📖 See what I have LEARNED building this project.

Toggle to see learnings here

Here are some things I learned while building this website:

Contact

I am actively looking for a Junior Front End Developer position. Contact me if you think I can be a great addition to your organization or you just want to talk code.

Acknowledgements