Giter VIP home page Giter VIP logo

gitsub-devlopmentdinos's Introduction

GitSub

GitSub is a GitHub clone that features four unique pages each developed by an individual developer on the team. This site features forms, search bars, card deletion, sorting, and more!

Wireframe (Credit to NSS)

https://www.figma.com/file/8vIX1yEXd2UxdWARbWqAje/GitSub?node-id=5%3A20

Deployed Project

Coming Soon!

Project Board

https://github.com/nss-evening-cohort-14/gitsub-devlopmentdinos/projects/1

User Description

Our user is able to quickly and efficiently keep track of version controlling, packages, and project boards for their codebase. They are able to streamline the coding process and work effectively with others to create exciting new applications for the world.

Features

All Pages
  • Static navbar that features links to each page.
  • Dynamically added profile sidebar
  • Static footer that links to various things.
Overview Page (Landing)
  • Clicking on the profile picture on lefthand side will open an "About Me"
  • Ability to view pinned repositories in the main section.
    • Can delete pinned repositores off of the page.
  • Form that allows you to push a repository up and automatically set it as pinned.
    • Can add common tags to the pushed repository in the form
Repositories Page
  • Search bar that allows user to fuzzy search through the repositories on the user's account.
  • Can pin repositories by clicking the gold start on the right side of repository card.
  • Form that allows user to add new repositories
    • Can input up to three tags using text input fields.
Projects Page
  • Search bar that allows user to fuzzy search through the project board on the user's account.
  • Can sort the list of projects by name, time created(Precambrian), and time created(Holocene)
  • Form that allows user to add new project boards.
Packages Page
  • Search bar that allows user to fuzzy search through the packages installed on the users account.
  • User can delete packages from this page
  • User can add new packages to existing package list through form at bottom of page

Screenshots

Overview Overview - Aboutme Packages Projects Repositories

Loom Walkthroughs

Contributors

gitsub-devlopmentdinos's People

Contributors

caseywalker avatar cmeffley avatar github-classroom[bot] avatar jrobinson0529 avatar tsekeres avatar

Watchers

 avatar

gitsub-devlopmentdinos's Issues

Create core data structure

Create data objects that you can use for your website. Do not duplicate objects or arrays. If multiple team members need the same data, create one data source for everyone to use.

  • User array with user object inside
  • Inside each user object is a repo array
  • inside each user object is a projects array
  • inside each user object is a packages array
const users = [
{
  userName: "Jesse",
  repos: ["my-repo", "repo2"],
  projects: [ ],
  packages: [ ], 
}
 ]

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.