1 of 8

By Reactless

21st Mar 2024

InstaGit

2 of 8

Breakdown of tasks & roles

Doniel Marekera

(Team Lead)

Mei Fung Wong

    • FETCH GitHub API
    • REACT JS
    • Cards

Filip Paskalev

    • FETCH API
    • REACT JS
    • CSS
    • HTML and CSS
    • Anime.js in Banner
    • form and store in local server
    • Presentation

3 of 8

Challenges & Learning

User Story

  • Git merging and solve the conflict
  • new libraries and packages
  • time

Web Developers likely to understand and share what they developed website;

​

As a website developer would like to have more opportunity to understand other people awesome work.

​

InstaGit is a place to share their works and community place

​

​

Our aim was to create an interactive website for developers to share their Github profiles and repos.

​

Description

Targets

  • A simple site to provide accumulated information about users on GitHub.
  • ability to share user or repository data

​

Define Requirements

Design the User Interface

Set Up the Development Environment

Integrate with the GitHub API

Enable Search Functionality

Deploy Your Website

Process

4 of 8

Technologies used

1

2

3

4

    • React JS - React Hooks, Props, Components etc
    • Fetch with Github API
    • HTML, CSS

5

    • deployed in Netlify

6

    • Subscription form and store in local servers
    • Anime.js
    • MUI library
    • Chakra UI

5 of 8

Demo

InstaGit

6 of 8

Build and track the code easily

Create the community engagement

Help users to have the ad for selling their awesome repo templates in InstaGit

Fine tune the UI/UX

Cool idea!

DIRECTION FOR FUTURE DEVELOPMENT

7 of 8

Github link:

https://github.com/DonielM/team-reactless-instagit

Deployed link: https://instagit.netlify.app/

Deployed in Netlify

8 of 8

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Website

Links Deployed

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

GitHub Repo

Thank you

By Filip Paskalev, Doniel Marekera and Mei Fung Wong

21st Mar 2024