Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sorcererchiragsingh/project-instagram-clone
I build an Instagram clone! This React project has multiple pages: login, sign up, dashboard (to view/like/comment on photos), and user profiles.
https://github.com/sorcererchiragsingh/project-instagram-clone
context-api firebase-auth firestore javascript react tailwind-css
Last synced: about 1 month ago
JSON representation
I build an Instagram clone! This React project has multiple pages: login, sign up, dashboard (to view/like/comment on photos), and user profiles.
- Host: GitHub
- URL: https://github.com/sorcererchiragsingh/project-instagram-clone
- Owner: SorcererChiragsingh
- License: mit
- Created: 2024-12-07T18:08:42.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-12-07T18:45:13.000Z (about 2 months ago)
- Last Synced: 2024-12-07T19:26:49.702Z (about 2 months ago)
- Topics: context-api, firebase-auth, firestore, javascript, react, tailwind-css
- Homepage:
- Size: 1.03 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Instagram Clone
we will build an Instagram clone! This React project has multiple pages: login, sign up, dashboard (to view/like/comment on photos), and user profiles.
## Table of Contents
- [About](#about)
- [Features](#features)
- [Screenshots](#screenshots)
- [Tech Stack](#tech-stack)
- [Road Map](#roadmap)
- [Report Issues](#report-issues)
- [License](#license)
- [Acknowledgements](#acknowledgements)
## About
The stack we use are: React (custom hooks, useContext, useState, useEffect, useRef), Firebase (Firestore/auth) & Tailwind CSS.
we will build an Instagram clone! This React project has multiple pages: login, sign up, dashboard (to view/like/comment on photos), and user profiles.
The sign-in page will connect to Firebase when a user tries to sign in, and when a user signs up, we will use Firebase auth to store the user in the Firebase auth database. I built this application using React, JavaScript, Firebase and for styling I used Tailwind CSS.
## Features
- **Feature 1:** Firebase Authentication
- **Feature 2:** Functional React components
- **Feature 3:** React hooks like useState() and useEffect()
- **Feature 4:** Handling user events
- **Feature 5:** JSX and Rendering templates
- **Feature 6:** Props and State
- **Feature 7:** Creating and organising components
- **Feature 8:** Building real-world React applications
## Screenshots
### Home Page
![]()
### About Page
![]()
### Register Pages
![]()
### Contact Page
![]()
### User Login Page
![]()
## Tech Stack
- Frontend: HTML, Tailwind CSS, JAVASCRIPT, ReactJS, Context API.
- Backend:Firebase Authentication
- Database:Firebase Setup, Firestore.
- Deployment:XAAMP
## Roadmap
- Notifications: Notify users about likes, comments, follows, and messages
- Reels/Short Videos: Support for short-form video content with audio integration.
- Stories: Add ephemeral posts that disappear after 24 hours.
- Advertisements: Add ad spaces in the feed or as sponsored posts.
## Report Issues
- You can report issues on this project using Github issue.
- You can read more about this from [Github Docs](https://docs.github.com/en/issues/tracking-your-work-with-issues/creating-an-issue)
## License
- This project is licensed under the MIT License - see the [LICENSE](https://github.com/SorcererChiragsingh/Project-Bean-Brew-Coffee-?tab=MIT-1-ov-file) file for details.
- The project Bean & Brew Coffee is packaged and distributed using the [MIT License](https://choosealicense.com/licenses/mit/) which allows for commercial use, distribution, modification and private use provided that all copies of the software contain the same license and copyright.
## Acknowledgements
- I would like to extend my sincere gratitude to [Webo Pedia] [From UDEMY](https://www.udemy.com/user/webo-pedia-2/) for their invaluable guidance and support throughout this project.
Their expertise and encouragement have been instrumental in the successful completion of this work.
- A passion project by [Chirag](www.linkedin.com/in/chirag-singh-148993279)