Skip to content

Commit 7fa57f5

Browse files
Ashish KumarAshish Kumar
Ashish Kumar
authored and
Ashish Kumar
committed
chore: added landing page and added animations
0 parents  commit 7fa57f5

File tree

134 files changed

+21891
-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.

134 files changed

+21891
-0
lines changed

‎.continue/mcpServers/new-mcpServer.yaml

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
name: New mcpServer
2+
version: 0.0.1
3+
schema: v1
4+
mcpServers:
5+
- name: New MCP server
6+
command: npx
7+
args:
8+
- -y
9+
- <your-mcp-server>
10+
env: {}

‎.github/workflows/gh-pages.yaml

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
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+
19+
- name: Install pnpm
20+
run: npm install -g pnpm
21+
22+
- name: Setup pnpm cache
23+
uses: actions/setup-node@v3
24+
with:
25+
node-version: 20
26+
cache: "pnpm"
27+
28+
- name: Install dependencies
29+
run: pnpm install
30+
31+
- name: Build
32+
run: pnpm run build
33+
34+
- name: Deploy
35+
uses: peaceiris/actions-gh-pages@v3
36+
with:
37+
github_token: ${{ secrets.GITHUB_TOKEN }}
38+
publish_dir: ./out

‎.gitignore

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

‎.nvmrc

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
v20.14.0

‎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: 115 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
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: 249 80% 60%;
14+
--primary-foreground: 210 40% 98%;
15+
--secondary: 249 75% 68%;
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: 250 60% 49%;
20+
--accent-foreground: 210 40% 98%;
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: 249 80% 60%;
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: 249 80% 60%;
37+
--primary-foreground: 210 40% 98%;
38+
--secondary: 249 75% 68%;
39+
--secondary-foreground: 210 40% 98%;
40+
--muted: 217.2 32.6% 17.5%;
41+
--muted-foreground: 215 20.2% 65.1%;
42+
--accent: 250 60% 49%;
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: 249 80% 60%;
49+
}
50+
}
51+
52+
@layer base {
53+
* {
54+
@apply border-border;
55+
}
56+
body {
57+
@apply bg-background text-foreground;
58+
}
59+
}
60+
61+
@keyframes gradient-shift {
62+
0% {
63+
background-position: 0% 50%;
64+
}
65+
50% {
66+
background-position: 100% 50%;
67+
}
68+
100% {
69+
background-position: 0% 50%;
70+
}
71+
}
72+
73+
.animated-gradient {
74+
background-size: 200% 200%;
75+
animation: gradient-shift 8s ease infinite;
76+
}
77+
78+
/* Grid pattern for background */
79+
.bg-grid-pattern {
80+
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 1px, transparent 1px),
81+
linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 1px, transparent 1px);
82+
background-size: 20px 20px;
83+
}
84+
85+
.dark .bg-grid-pattern {
86+
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 1px),
87+
linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
88+
}
89+
90+
/* Add this new CSS class for the shimmering effect */
91+
@keyframes shimmer {
92+
0% {
93+
background-position: -200% 0;
94+
}
95+
100% {
96+
background-position: 200% 0;
97+
}
98+
}
99+
100+
.shimmer-effect {
101+
background: linear-gradient(
102+
90deg,
103+
rgba(88, 71, 235, 0.8) 0%,
104+
rgba(122, 108, 240, 1) 25%,
105+
rgba(255, 215, 0, 0.9) 50%,
106+
rgba(122, 108, 240, 1) 75%,
107+
rgba(88, 71, 235, 0.8) 100%
108+
);
109+
background-size: 200% auto;
110+
background-clip: text;
111+
text-fill-color: transparent;
112+
-webkit-background-clip: text;
113+
-webkit-text-fill-color: transparent;
114+
animation: shimmer 8s linear infinite;
115+
}

‎app/layout.tsx

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

0 commit comments

Comments
 (0)