Github Scraper

Github Scraper is a personal project that shows information about every github repo you pass into it. Fetching data from Github API, rendering beautiful graphics from github stats with Gh Polyglot and Chart.js, sorting repos by stars, sizes and forks with React Flip Move.

the main feature of this project is to be able to see the all the commits from a specific repository, right now it is not realtime but it could be in the future.

Instructions for FULLTIMEFORCE

1. Run npm install to install the dependencies.
2. Run npm start to initialize the development server (this is an SPA, there is no backend)
3. Check localhost:3000 on your browser to see the project running.
4. In '/' route, you have two options:
   • An input to search for any github repository and see the stats, repo info, commits from that profile. Just put the name of the github profile and hit the enter button.
   • Below the input you will see a button with Are you a guest? text on it. This button start the flow of the app with my personal information from github (if you don't have a github account or just if you want to see the current repo and commits of Github Scraper)
5. The current repo is named github-scraper, you will see it below teh graphics and there you could see all the commits i made on it, and the exact date and time of every commit pushed.
6. Click in the commit icon to see more description about every commit
7. Enjoy it!

Links

• Repo

• Live

• Bugs

• API

Screenshots

Available Commands

In the project directory, you can run:

npm install

Install all the dependencies related to this project, necessary to run the code successfully.

npm start" : "react-scripts start",

The app is built using create-react-app so this command Runs the app in Development mode. Open http://localhost:3000 to view it in the browser.

"npm run build": "react-scripts build",

Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance. The build is minified and the filenames include the hashes. Your app will be ready to deploy!

Built With

• React
• React Flip Move
• Gg Polyglot
• Chart Js
• Github API v3
• CSS

Author

Alex Rodriguez

• Profile
• Email
• Website

🤝 Support

Contributions, issues, and feature requests are welcome!

Give a ⭐️ if you like this project!