Skip to content

Commit c112a8b

Browse files
Ashish KumarAshish Kumar
Ashish Kumar
authored and
Ashish Kumar
committed
chore: initial commit with working systems
0 parents  commit c112a8b

File tree

116 files changed

+17767
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

116 files changed

+17767
-0
lines changed

‎.env

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
NEXT_PUBLIC_GA_MEASUREMENT_ID=G-QBMTNG2KT8

‎.github/workflows/gh-pages.yaml

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
name: Deploy Next.js app to GitHub Pages
2+
3+
on:
4+
push:
5+
branches: [main]
6+
7+
jobs:
8+
deploy:
9+
runs-on: ubuntu-latest
10+
11+
steps:
12+
- uses: actions/checkout@v3
13+
14+
- name: Use Node.js 20
15+
uses: actions/setup-node@v3
16+
with:
17+
node-version: 20
18+
cache: "pnpm"
19+
20+
- name: Install pnpm
21+
run: npm install -g pnpm
22+
23+
- name: Install dependencies
24+
run: pnpm install
25+
26+
- name: Build
27+
run: pnpm run build
28+
29+
- name: Deploy
30+
uses: JamesIves/github-pages-deploy-action@v4
31+
with:
32+
branch: gh-pages # The branch to deploy to
33+
folder: build # The output directory

‎.gitignore

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
build
2+
node_modules
3+
.next

‎LICENSE

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2023 dev-ashishk
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎README.md

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
# GitHub Profile README Builder 🚀
2+
3+
[![GitHub stars](https://img.shields.io/github/stars/dev-ashishk/github-profile-builder)](https://github.com/dev-ashishk/github-profile-builder/stargazers)
4+
[![GitHub forks](https://img.shields.io/github/forks/dev-ashishk/github-profile-builder)](https://github.com/dev-ashishk/github-profile-builder/network)
5+
[![GitHub issues](https://img.shields.io/github/issues/dev-ashishk/github-profile-builder)](https://github.com/dev-ashishk/github-profile-builder/issues)
6+
[![GitHub license](https://img.shields.io/github/license/dev-ashishk/github-profile-builder)](https://github.com/dev-ashishk/github-profile-builder/blob/main/LICENSE)
7+
[![Vercel deployment](https://img.shields.io/badge/vercel-deployed-brightgreen.svg)](https://github-profile-builder-dev-ashishk.vercel.app)
8+
9+
Create beautiful, customizable GitHub profile READMEs with ease. No coding required!
10+
11+
![GitHub Profile Builder Preview](public/github-profile-builder-preview.png)
12+
13+
## ✨ Features
14+
15+
- **Multiple Templates**: Choose from 6 professionally designed templates (Modern, Minimal, Creative, Developer, Professional, and Elegant)
16+
- **Real-time Preview**: See your changes instantly with a live markdown preview
17+
- **GitHub Integration**: Automatically fetch your GitHub stats, repositories, and contribution data
18+
- **Customizable Sections**: Add/remove sections like skills, projects, experience, education, and more
19+
- **Color Themes**: Personalize your profile with custom color schemes
20+
- **GitHub Stats**: Display your GitHub statistics, top languages, and contribution streak
21+
- **Contribution Graph**: Show your GitHub contribution activity with customizable themes
22+
- **Achievement Trophies**: Showcase your GitHub achievements with customizable trophy displays
23+
- **One-click Copy**: Copy the generated markdown with a single click
24+
- **Dark Mode Support**: Switch between light and dark themes for comfortable editing
25+
- **Responsive Design**: Works on desktop, tablet, and mobile devices
26+
27+
## 🚀 Getting Started
28+
29+
### Online Builder
30+
31+
The easiest way to use GitHub Profile Builder is through our online tool:
32+
33+
👉 [Open GitHub Profile Builder](https://dev-ashishk.github.io/github-profile-builder)
34+
35+
### Local Development
36+
37+
To run the project locally:
38+
39+
\`\`\`bash
40+
# Clone the repository
41+
git clone https://github.com/dev-ashishk/github-profile-builder.git
42+
43+
# Navigate to the project directory
44+
cd github-profile-builder
45+
46+
# Install dependencies
47+
npm install
48+
49+
# Start the development server
50+
npm run dev
51+
\`\`\`
52+
53+
Open [http://localhost:3000](http://localhost:3000) in your browser to see the application.
54+
55+
## 📝 How to Use
56+
57+
1. **Enter Your Information**: Fill in your name, title, bio, and other details
58+
2. **Connect GitHub**: Enter your GitHub username to automatically fetch your stats
59+
3. **Customize Sections**: Add skills, projects, work experience, and more
60+
4. **Choose a Template**: Select from 6 beautiful templates
61+
5. **Personalize Colors**: Customize the color scheme to match your style
62+
6. **Preview & Copy**: Preview your profile and copy the generated markdown
63+
7. **Paste into GitHub**: Create a repository named after your GitHub username and paste the markdown into the README.md file
64+
65+
## 🛠️ Technologies Used
66+
67+
- [Next.js](https://nextjs.org/) - React framework
68+
- [React](https://reactjs.org/) - UI library
69+
- [Tailwind CSS](https://tailwindcss.com/) - Utility-first CSS framework
70+
- [shadcn/ui](https://ui.shadcn.com/) - UI component library
71+
- [Vercel](https://vercel.com/) - Deployment platform
72+
73+
## 📊 Analytics
74+
75+
This project uses [Vercel Analytics](https://vercel.com/analytics) for privacy-friendly website analytics. No personal data is collected, and no cookies are used.
76+
77+
## 🤝 Contributing
78+
79+
Contributions are welcome! Please feel free to submit a Pull Request.
80+
81+
1. Fork the repository
82+
2. Create your feature branch (`git checkout -b feature/amazing-feature`)
83+
3. Commit your changes (`git commit -m 'Add some amazing feature'`)
84+
4. Push to the branch (`git push origin feature/amazing-feature`)
85+
5. Open a Pull Request
86+
87+
## 📄 License
88+
89+
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
90+
91+
## 🙏 Acknowledgements
92+
93+
- [GitHub README Stats](https://github.com/anuraghazra/github-readme-stats)
94+
- [GitHub Streak Stats](https://github.com/DenverCoder1/github-readme-streak-stats)
95+
- [GitHub Profile Trophy](https://github.com/ryo-ma/github-profile-trophy)
96+
- [GitHub Contribution Chart Generator](https://github.com/sallar/github-contributions-chart)
97+
98+
---
99+
100+
Made with ❤️ by [dev-ashishk](https://github.com/dev-ashishk)
101+
102+
Keywords: GitHub profile, README generator, GitHub README, profile builder, GitHub stats, GitHub contribution graph, GitHub trophy, markdown generator, developer profile

‎app/globals.css

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
@tailwind base;
2+
@tailwind components;
3+
@tailwind utilities;
4+
5+
@layer base {
6+
:root {
7+
--background: 0 0% 100%;
8+
--foreground: 222.2 84% 4.9%;
9+
--card: 0 0% 100%;
10+
--card-foreground: 222.2 84% 4.9%;
11+
--popover: 0 0% 100%;
12+
--popover-foreground: 222.2 84% 4.9%;
13+
--primary: 221.2 83.2% 53.3%;
14+
--primary-foreground: 210 40% 98%;
15+
--secondary: 210 40% 96.1%;
16+
--secondary-foreground: 222.2 47.4% 11.2%;
17+
--muted: 210 40% 96.1%;
18+
--muted-foreground: 215.4 16.3% 46.9%;
19+
--accent: 210 40% 96.1%;
20+
--accent-foreground: 222.2 47.4% 11.2%;
21+
--destructive: 0 84.2% 60.2%;
22+
--destructive-foreground: 210 40% 98%;
23+
--border: 214.3 31.8% 91.4%;
24+
--input: 214.3 31.8% 91.4%;
25+
--ring: 221.2 83.2% 53.3%;
26+
--radius: 0.5rem;
27+
}
28+
29+
.dark {
30+
--background: 222.2 84% 4.9%;
31+
--foreground: 210 40% 98%;
32+
--card: 222.2 84% 4.9%;
33+
--card-foreground: 210 40% 98%;
34+
--popover: 222.2 84% 4.9%;
35+
--popover-foreground: 210 40% 98%;
36+
--primary: 217.2 91.2% 59.8%;
37+
--primary-foreground: 222.2 47.4% 11.2%;
38+
--secondary: 217.2 32.6% 17.5%;
39+
--secondary-foreground: 210 40% 98%;
40+
--muted: 217.2 32.6% 17.5%;
41+
--muted-foreground: 215 20.2% 65.1%;
42+
--accent: 217.2 32.6% 17.5%;
43+
--accent-foreground: 210 40% 98%;
44+
--destructive: 0 62.8% 30.6%;
45+
--destructive-foreground: 210 40% 98%;
46+
--border: 217.2 32.6% 17.5%;
47+
--input: 217.2 32.6% 17.5%;
48+
--ring: 224.3 76.3% 48%;
49+
}
50+
}
51+
52+
@layer base {
53+
* {
54+
@apply border-border;
55+
}
56+
body {
57+
@apply bg-background text-foreground;
58+
}
59+
}

‎app/layout.tsx

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
import { Inter } from "next/font/google";
2+
import type React from "react";
3+
import { Suspense } from "react";
4+
5+
import { ThemeProvider } from "@/components/theme-provider";
6+
import { Toaster } from "@/components/ui/toaster";
7+
import GoogleAnalytics from "@/components/google-analytics";
8+
9+
import "@/app/globals.css";
10+
11+
const inter = Inter({ subsets: ["latin"] });
12+
13+
export const metadata = {
14+
title: "GitHub Profile README Builder",
15+
description: "Create beautiful GitHub profile READMEs with ease",
16+
keywords:
17+
"GitHub profile, README generator, GitHub README, profile builder, GitHub stats, GitHub contribution graph, GitHub trophy, markdown generator, developer profile",
18+
openGraph: {
19+
title: "GitHub Profile README Builder",
20+
description: "Create beautiful GitHub profile READMEs with ease",
21+
url: "https://dev-ashishk.github.io/github-profile-builder",
22+
siteName: "GitHub Profile README Builder",
23+
images: [
24+
{
25+
url: "https://dev-ashishk.github.io/github-profile-builder/og-image.png",
26+
width: 1200,
27+
height: 630,
28+
alt: "GitHub Profile README Builder",
29+
},
30+
],
31+
locale: "en_US",
32+
type: "website",
33+
},
34+
twitter: {
35+
card: "summary_large_image",
36+
title: "GitHub Profile README Builder",
37+
description: "Create beautiful GitHub profile READMEs with ease",
38+
images: [
39+
"https://dev-ashishk.github.io/github-profile-builder/og-image.png",
40+
],
41+
},
42+
generator: "v0.dev",
43+
};
44+
45+
export default function RootLayout({
46+
children,
47+
}: {
48+
children: React.ReactNode;
49+
}) {
50+
return (
51+
<html lang="en" suppressHydrationWarning>
52+
<body className={inter.className}>
53+
<ThemeProvider
54+
attribute="class"
55+
defaultTheme="system"
56+
enableSystem
57+
disableTransitionOnChange
58+
>
59+
<Suspense>{children}</Suspense>
60+
<Toaster />
61+
{/* Add Google Analytics */}
62+
<GoogleAnalytics
63+
GA_MEASUREMENT_ID={process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID || ""}
64+
/>
65+
</ThemeProvider>
66+
</body>
67+
</html>
68+
);
69+
}

0 commit comments

Comments
 (0)