I am Liuba, a Front-End Developer working with React. I love to create awesome stuff with code.
View Demo · View Sandbox · Report Bug
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.
- 🧱 React
- 🔥 Firebase
- 🎨 Material UI
- 🚀 Netlify
#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
-
✅ 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
💡 📖 See what I have LEARNED building this project.
Toggle to see learnings here
Here are some things I learned while building this website:
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.
- Project build with help of Clever Programmer tutorial