arifszn / gitprofile

🚀 Create and deploy a dynamic portfolio by just providing your GitHub username.

Hi there 👋!

Who I am?

• A Software Engineer based in Dhaka, Bangladesh with 5+ years of experience.
• Among the top 100 open source GitHub contributors from Bangladesh.
• See my portfolio at arifszn.com.

What I'm doing?

• Writing PHP, Laravel, Node.js, JavaScript, TypeScript, Nest.js, MySQL.
• Contributing to Open Source.
• Mostly active on LinkedIn, Twitter and Facebook.
• Building currently GitProfile, Vail, chkware vscode extension.
• Making AI Arts.

What are my skill sets?

• 🗄️ Backend:

  • Programming: PHP • Node.js • JavaScript • TypeScript
  • Framework: Laravel • Nest.js • Express.js • Lumen
  • Databases: MySQL • PostgreSQL
  • System Architecture: Monolithic • Modular • Microservices
  • Protocol: REST • Web Socket

• 🖥 Frontend (I do frontend for fun):

  • Programming: JavaScript • TypeScript
  • Framework/Library: React.js • Docusaurus • Gatsby
  • UI Toolkit: Ant Design • MUI
  • Utils: Tailwind • Modular CSS

• 🎡 Ecosystem:

  • Containerization: Docker • Rancher Desktop • GitHub Codespaces
  • Version Control: Git • GitHub
  • CI/CD: Github Actions • Travis CI
  • Project Management: Jira • GitHub Projects • Trello • Asana

How to reach me?

gitprofile's Issues

Add ability to make custom theme

Install as Progressive Web App

Install GitProfile as a Progressive Web App. PWA Vite Plugin can be used.

Create dependabot to update package versions automatically

Add code of conduct

[Suggestion/Feature Request] Make a simple guide for SEO of GitProfile

Please write a simple guide for ezprofile about search engine optimization! Also, add own blogs/posts option instead of devto/medium. Additionally, you can also add sitemap features for search engine🙂

Thank you🌺

Add skeleton loader in footer

Incorrect LinkedIn link

dev blog posts not showing

It seems that on my end when I change the username to my dev username it will not show blog posts, But if I put the author's username it will show.

I do have some blog posts on my dev account so I cannot figure out why this is happening.

thanks

Failed with exit code 128 (CI/CD)

Deploy pipeline is failing

Add control to customize the button style on custom theme

How to change body background color for a custom theme?

Title.

[Package]Getting warning `Module not found: Error: Can't resolve './locale' `

WARNING in ./node_modules/@arifszn/gitprofile/dist/gitprofile.es.js 3079:6-41
Module not found: Error: Can't resolve './locale' in '/home/lz-12/git-user-clone/node_modules/@arifszn/gitprofile/dist'

Check the value of `localStorage.getItem` exists in the theme array

useEffect is being called twice in StrictMode

CI-CD warning after build

The github action is producing a warning after build.

Unexpected input(s) 'cache', 'cache-dependency-path', valid inputs are ['always-auth', 'node-version', 'registry-url', 'scope', 'version']

Also, please update the setup-node workflow to v2 if nothing breaks.

Test deployment on pull request to avoid pipeline failing

Create a CI/CD for testing the deployment on every pull request/before merging to main branch.

Add doc to run locally

https://poeticjustice1.github.io/

deployment is a success but the deployed site is not different

Make experience and education sections more visible

Use this project as a NPM package

The only way of using this project is to fork it and modify the codebase. But these introduce the problem of how a user will keep his fork copy updated.

If the project can be used as a NPM package, the user will just run npm update, and he will get the latest update of it.

Create CI/CD for automated lint and prettier checking

Upgrade vite to `v3`

Vite 3.0 is out. So, we can upgrade vite to 3 from 2.

Change project's base url

https://vitejs.dev/guide/static-deploy.html#github-pages

Add formatting and style guide

• Add .eslintrc.js
• Add .prettierrc

Change License for easier access

同学，您这个项目引入了1177个开源组件，存在2个漏洞，辛苦升级一下

检测到 arifszn/ezprofile 一共引入了1177个开源组件，存在2个漏洞

漏洞标题：Immer 安全漏洞
缺陷组件：[email protected]
漏洞编号：CVE-2021-23436
漏洞描述：Immer是Immer社区的一个基于Javascript的状态管理库。。
immer 9.0.6之前版本存在安全漏洞，该漏洞源于当path参数中使用的用户提供的密钥是数组时，可能导致绕过CVE-2020-28477。
影响范围：(∞, 9.0.6)
最小修复版本：9.0.6
缺陷组件引入路径：[email protected]>[email protected]>[email protected]>[email protected]

另外还有2个漏洞，详细报告：https://mofeisec.com/jr?p=a152e6

Remove glass card for dark themes

Make Repos Sortable

Let the user decide the order of repos

Update deploy guide

The readme still contains deploy guide for CRA. As this project is migrated to vite.js, the guide is outdated.

Add option to download resume

Add an option so that the resume can be shown conditionally and downloaded.

Make the project and blog items openable on right click action

[Package] Title is hidden if system has dark mode enabled in next

Company mention with space is not working as link

height issue

i am using footer and in this file already define css and i am not able to override this css please remove the classname .h-screen
a i am attaching screenshot [also]()

Migrate to vite

This project was created using Create React App v4. But for development, is heavily dependent on craco.

To Upgrade tailwindcss to v3, Create React App is needed to be upgraded to v5. But as craco does not yet support v5, the upgrade is not possible right now.

It is not ideal to rely on craco for the development, also Create React App does not support many features out of the box. For this, migrating to vite seems to be a good option.

Display one image of my github projects

Hi Ariful,

Your gitprofile is pretty great, I'm just wondering if we could add one image above projects to make it looks more clear and funcy?

Just like what github does.

But I'm not sure how to do it yet, do you have any good idea?

Control avatar ring visibility with config

Separate Repos and Projects sections

Would be better in my opinion if there's a separate section for showcasing your projects done separatly without having to publish them in GitHub as repos.

Upgrade `Create React App` to v5

Currently, this project is using the Create React App v4. Upgrade it to the latest version v5 so that tailwind v3 can be used smoothly.

Custom domain is not working

I set up config and vite.config, and when it deploys the site shows 404. I have already changed the branch to gh-pages.

The deploy shows Configuration file: None. It may be the problem?
https://github.com/elbkr/elbkr.github.io/runs/7640529874?check_suite_focus=true#step:4:11

Display empty state if no post is available

Combine lint and test-deploy actions

Add contributing guide

Medium Blog post thumbnail

As you see, the blog post is not showing the medium featured image. At the moment I am using the "Featured Image" system in Medium to show as a thumbnail on the portfolio, am I doing something wrong?

Update to React 18

Deployment with custom GitHub Actions workflow

If custom GitHub Actions workflow is used then

• Step Change deploy branch can be removed.
• No CNAME file is required as custom domain can be set from GitHub Pages. So more flexible.

Ref: https://docs.github.com/en/pages/getting-started-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site#publishing-with-a-custom-github-actions-workflow

Warning `Tailwind CSS: 'import' and 'export' may appear only with 'sourceType: module' (1:0)`

Tailwind CSS IntelliSense vscode extension throws error.

Upgrade `tailwindcss` to v3

Upgrade the project to the latest version of tailwindcss.

Display project tags

I would love to be able to display my project tags on my portfolio website. According to GitHub Docs, we can get a list of each repo's tags using this query:

https://api.github.com/repos/\(OWNER)/\(REPO)/tags

Perhaps we could reuse the code used to create the skill bubbles to create tag bubbles.

I'm not sure where we can store a list of the repo's tags in order to reference them later when building the project html. I have very limited experience working with web development, so I'm not exactly sure where to start.