Giter VIP home page Giter VIP logo

gitsub-team-6-git-it-and-quit-it's Introduction

Project Title

Git It and Quit It

Description

This project has four pages to help working developers store and connect in an efficient workspace.

List of Features

Overview page: Allows users to pin their repository by typing a title and link in the required text field. By clicking the submit button a card generates in the form of your repository. When you have no need for your repository anymore you can click the delete button and your repository will be removed.

Repository page: Allows users to create repositories for storing code used as part of a project. A user also has the ability to input a description of the newly created repository, as well as delete the repository.

Packages page: The Packages page has a "Add Package" Event Button Click to display the input form for packages. I have a reset invoked function that clears out all the input fields after the text is submitted. My save package cards display under the "Packages" banner and the deleted package cards then display under a "Deleted Packages" banner. After all saved package cards have been deleted a display text and image pops up to inform the user that all saved cards have been deleted.

Projects page: I have three input fields for the project card form. Projects has three project cards that already render to the Dom when projects.html page loads. Within the projects array I have objects of my teammates projects in the projects array. By clicking the submit button a card generates in the form of your project. I also wrote a delete function for the project cards when clicking the delete button.

List of Contributors

https://github.com/nathanmartin5937 https://github.com/fimoefive https://github.com/nashvegasnate

Screenshots

Overview: image

image

Repository; image

image

Packages: image

image

image

Projects: image

image

Loom Walkthrough Videos

Overview: https://www.loom.com/share/66c306b351fc4d89a7dec7603aa63611

Repository: https://www.loom.com/share/910b4ee490a547a8990f806afc51efb8

Packages & Projects: https://www.loom.com/share/2eb5a0dd47354ac79d9dadc3f0ffd019

Link to Wireframe

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

GitHub Project Board

https://github.com/nss-evening-cohort-14/gitsub-team-6-git-it-and-quit-it/projects/1

Netlify

https://git-it-and-quit-it.netlify.app/

gitsub-team-6-git-it-and-quit-it's People

Contributors

nathanmartin5937 avatar fimoefive avatar nashvegasnate avatar github-classroom[bot] avatar

Watchers

James Cloos avatar

gitsub-team-6-git-it-and-quit-it's Issues

Form:

  • Overview
  • Repository
  • Project
  • Packages

STRETCH GOALS: PROJECTS

  • Allow users to search projects using the search bar
  • Allow users to sort using the sort tool using the wire

TWIST

ARRAY OF AN ARRAY OF OBJECTS
SOCIAL MEDIA ARRAY
DISPLAY IN DOM
ONCLICK BUTTONS
FORM CARD

TWIST FINAL

  • Link of Loom video and screenshot in the README.md

Footer:

  • Overview
  • Repository
  • Project
  • Packages

Cards:

  • Overview
  • Repository
  • Project
  • 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.