Instagram Clone

---

View the site live here: https://instagram-vite.netlify.app/

---

Learning Outcomes

Throughout this project, we acquired a diverse skill set, combining both technical and non-technical proficiencies:

• Technical Skills: We honed our expertise in React.js, JavaScript, HTML, CSS, and GraphQL.
• Non-technical skills: Teamwork, Git, GitHub, Agile Methodology, and Pair Programming capabilities.

---

Project Overview

The primary objective of this project was to develop an Instagram clone, adhering to an organized development framework comprising 3-week sprints.

The primary features of our Instagram clone encompass:

• User registration and login functions.
• User-generated posts in the style of Instagram.
• Interactive user interactions, including liking and commenting on posts.
• User profile picture customization.

Implemented Features

• In our Instagram clone project, we successfully implemented features that closely replicate the functionalities of the original Instagram platform. Users can register, log in, create posts, and interact with posts by liking and commenting.
• Notably, our project leveraged GraphQL as the database technology, coupled with Apollo Client for efficient data retrieval and management.
• Dark mode was added to enhance the user's overall experience.

---

Pair Programming

• Pair programming was an integral aspect of our project development process. Both team members alternated as the driver and navigator, ensuring equal participation and promoting knowledge sharing. This approach allowed for leadership in areas of expertise and a collective decision-making process.

Project Management

• We effectively implemented Agile methodology, incorporating planning, design, development, testing, deployment, and reviews into a structured three-week sprint cycle.
• Weekly sprint planning meetings allowed for real-time adjustments if any project components were lagging behind schedule.

Mentorship

• Our mentor served as the project manager, providing crucial oversight, guidance, and project milestone sign-offs.

---

Credits

• Insta logo https://icon-icons.com/ for web browser icon
• Link to apollo setup: https://www.apollographql.com/docs/react/get-started/