From 69c6896e97b38769ca5382ef8db84e97bbdfa55f Mon Sep 17 00:00:00 2001 From: Jean-Michel Fayard Date: Sun, 31 Jul 2022 20:34:03 +0200 Subject: [PATCH 1/2] Customize --- index.html | 2 +- script.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 9fd8630..8875aa7 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ - 2KAbhishek's Projects + Jean-Michel's Projects diff --git a/script.js b/script.js index a6cfcde..f83846f 100644 --- a/script.js +++ b/script.js @@ -1,4 +1,4 @@ -const username = '2kabhishek'; +const username = 'jmfayard'; const maxPages = 2; const repoList = document.querySelector('.repo-list'); const reposSection = document.querySelector('.repos'); From 4febd374d8445383963452b22af9f9b5218814c4 Mon Sep 17 00:00:00 2001 From: Jean-Michel Fayard Date: Sun, 31 Jul 2022 20:39:08 +0200 Subject: [PATCH 2/2] update README --- README.md | 118 +----------------------------------------------------- 1 file changed, 2 insertions(+), 116 deletions(-) diff --git a/README.md b/README.md index 84f13b2..4ce5d0d 100644 --- a/README.md +++ b/README.md @@ -1,117 +1,3 @@ -
+See http://jmfayard.github.io/projects -

Projects

- - -License - - -People - - -Stars - - -Forks - - -Watches - - -Last Updated - -

Showcase All Your Projects 🛍️🎇

- -
- projects screenshot -
-
projects screenshot
-
- -
- -## Introducing Projects - -Present all your projects in style with a super customizable web app! ✨ - -`Projects` uses the GitHub API to list all your GitHub projects in a nice searchable grid. -Also shows pretty programming icons using `devicons`. - -## Inspiration - -Needed a way to display all my projects, used my [portfolio's project section](https://2kabhishek.github.io/#projects) as inspiration. - -## Getting Projects - -To get projects, follow these steps: - -```bash -git clone https://github.com/2kabhishek/projects -cd projects -``` - -### Setup Your Own Projects - -You can easily set up projects to show your own repos. - -- Fork the repo -- Clone it -- Open up `script.js` and update the `username` variable to your GitHub username. -- Open up `index.html` and update the `title` tag to make it your username. -- You may also want to update the favicon too, update the `link` tag in `index.html` -- Push your changes -- Go to repo settings on GitHub and enable GitHub Pages. - -The site should be live on `https://.github.io/projects` - -Here's the projects page for [@sindresorhus](github.com/sindresorhus) - -![sindresorhus's projects](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n78j6j4itdbad2cg2h0h.png) - -#### Number Of Repos - -The number of repos is controlled by the `maxPages` variable, the GitHub API supports 100 repos per page max. -If you have less than 100 repos, set `maxPages` to 1, if you have 300 then 3. - -You can also edit the fetch query to reduce the per page repo count. -> There's no pagination, all repos are shown on the same page. - -#### Authenticated Requests - -If you are working locally and notice the API is not sending over data, it might be because of rate limit on GitHub API requests. - -You can either wait for an hour or setup a personal access token on GitHub and pass that into the fetch request in `script.js` - -#### Programming Language Icons - -This project uses [Devicon](https://devicon.dev/) for adding language icons, if the language name and icon are not being -displayed correctly for any of your repos, update `devicons` mapping in `script.js`. - -## Viewing projects - -Open `index.html` in your favorite browser or visit [2kabhishek.github.io/projects](https://2kabhishek.github.io/projects). - -## How it was built - -Projects was built using `HTML` `CSS` & `JavaScript`. -It was built on Neovim and the python http server. -Uses GitHub API for data and Devicons for programming icons. - -## What I learned - -- Learned about a few quirks of the fetch API, especially implementation of `maxPages`. -- Flex, box-shadow and some other CSS tricks were revisited. - -## What's next - -You tell me! - -Hit the ⭐ button if you found this useful. - -## More Info - -
- -Source | Website - -
+Powered by: https://dev.to/2kabhishek/i-made-a-web-app-to-showcase-all-your-github-projects-le3