Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lucthienphong1120/github-profile-maker
An easy way to create beautiful and modern github profiles
https://github.com/lucthienphong1120/github-profile-maker
github github-api github-config github-profile github-profile-badges github-profile-generator github-profile-readme github-readme github-readme-generator github-readme-profile github-readme-stats nextjs react reactjs tailwindcss
Last synced: 2 months ago
JSON representation
An easy way to create beautiful and modern github profiles
- Host: GitHub
- URL: https://github.com/lucthienphong1120/github-profile-maker
- Owner: lucthienphong1120
- License: gpl-2.0
- Created: 2022-03-09T13:35:49.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-11-05T09:06:43.000Z (about 1 year ago)
- Last Synced: 2023-11-05T09:19:38.565Z (about 1 year ago)
- Topics: github, github-api, github-config, github-profile, github-profile-badges, github-profile-generator, github-profile-readme, github-readme, github-readme-generator, github-readme-profile, github-readme-stats, nextjs, react, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://github-profile-maker.vercel.app/
- Size: 479 KB
- Stars: 26
- Watchers: 2
- Forks: 8
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
GitHub Profile Maker
An easy way to create beautiful and modern github profiles
# Features
We got everything that you need ! Create your perfect GitHub Profile ReadMe in the best possible way. Lots of features and tools included, all for free !### ⚡ Lightening fast Profile Creation
Create your Profile ReadMe in just few clicks ! On an average, it takes less than one minute to create a perfect Profile ReadMe using GPM### 📊 Flex Your GitHub Stats
Be Honest, everyone loves to flex their achievements. With tools such as ReadMe Stats, Most Used Languages, Streak Stats you can show your achievements.### 👥 Visitor Counter
With the use of Visitors Counter you can see how many people viewed your profile, this gives you an idea about how popular you are on GitHub.### 🌐 Add all Social Links
We have added an option to add your Social Links to increase your reach and promote your works at one place.### 💻 Show Your Tech Stack
Select from over 300+ tech options and show your tech stack to everyone, Let them know what makes you awesome.### 💰 Let people help you with Donations
No matter what your aim is, money is required at some point to boost the process for getting closer to your aim. We give you an option to add Donation Links directly into your profile so that people can help you by donating.### 😃 Fun Components
If fun is required everywhere, how can it be missing from your profile ? Now, You can cheer up other people by adding Random Memes and Quotes in your profile.### 🏆 GitHub Trophies
Got any trophies/medals but oops! how can you show them on your profile? Don't worry, GitHub Trophies are the virtual trophies for you. Showcase them by adding it to your profile.## PageSpeed Insights
![](https://raw.githubusercontent.com/VishwaGauravIn/Images/f13849bc9989d66c67085313dd606ea978eff0f8/psi-gprm.svg)## Tech Used
![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)
![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
![Firebase](https://img.shields.io/badge/firebase-%23039BE5.svg?style=for-the-badge&logo=firebase)
![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white)Deploy web
## Getting Started
First, run the development server:
```bash
npm run dev
```Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
## See also
> [Github Trophies](https://github.com/lucthienphong1120/github-trophies)