Giter Site home page Giter Site logo

090-react-show-repo-assignment's Introduction

About the Project:

This project pulls up some of the data from an API endpoint and others from a local file. It combines both lists. Lists consist of publicly available repos. Front end shows the list of the pulled up and combined repos. For further info, lists are made clickable to access more data about an existing repo. Additionally, repos can be filtered based on various aspects.

Project

Look at the README.md files in the server and client folders for more info on how to start server and client on your local computer.

Back End:

  • It runs on port 4000 by default on localhost. The idea of server is to make http request to a remote API endpoint to get an info on a list of repositories. It is also reponsible to get additional repository info from the local file in JSON format. Server combines both data and sorts in chronological order which then provides the final data to the local endpoint localhost:4000/repos.

Front End:

  • Front end is built in ReactJS. Client side runs on port 3000 by default. Once localhost:3000 is requested on the browser, it lists all the repositories by name, description, language, forks count and date.
  • All repositories on the homepage are clickable and once clicked, it redirects user into the repo details page which will be located at localhost:3000/:repoId. Additionally homepage has a dropdown menu where you can filter out repositories by their language type.
  • Repo details page has message, author id, recent commit date info as well as markdown file if it exists.

090-react-show-repo-assignment's People

Contributors

codecygen avatar

Watchers

 avatar

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.