GithubHelp home page GithubHelp logo

lap-3-pcc's Introduction

LAP 3 paired coding challenge!

Welcome!

Welcome to Faisal and Elwin's attempt to use the GIthub API to retrieve information about a user's repos. Please continue reading to find out more about how to use our site, and how we put the project together.

Deployment

Netlify Status

View our site by following the link below!

https://faisal-elwin-github.netlify.app/


Installation and Usage

Installation

  • Fork and clone this repo
  • cd into the repo and follow the usage instructions below

Usage

Open a new terminal and type the following:

  • npm install the required dependencies

  • To run the dev environment: npm run dev

    • Client can be viewed on "localhost:8080"
  • To build for production: npm run build

  • To run tests: npm run test (N.B. we currently have no tests, but would love to add some in the future!)

  • To run coverage: npm run coverage


Changelog

For a full changelog, see our commit history on Github.


Requirements

(copied from project brief)

  • Your app should make use of React
  • Your repo tracker should have an input for users to give their GitHub username
  • After submitting their username, use the GitHub API to retrieve that user's list of repos
  • When selecting a repo, a User should be shown some data about that repo eg. issue count, stargazers, forks etc.

Existing bugs (check once fixed)

  • Opening the repo info page in a new tab, or refreshing the page itself, results in failure to retrieve required information
    • We believe we know how to solve this problem by using redux-persist

Failing tests

  • We will update this once we've written some!

Miscellaneous tasks

  • Refactor code as necessary
    • Initially, we did not use redux, but spent Wednesday morning incorporating it into our data flow

Wins and challenges

Wins

  • We have a (mostly) functioning app!
  • Learnt and implemented a redux flow
  • Implemented dynamic link segments

Challenges

  • Initially writing the fetch requests proved to be a little tricky. However, we got it working, and this made converting to redux relatively simple
  • Initially forgot to create a blank feedback (but managed it in the end!)

General notes

We really enjoyed working on this project!

There are a lot more things we would like to do, especially styling-wise, if we had more time.


lap-3-pcc's People

Contributors

ecarlos09 avatar faisaly12 avatar

Watchers

 avatar

Forkers

faisaly12

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.