adding file

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

.github/FUNDING.yml

@@ -0,0 +1,3 @@
+# These are supported funding model platforms
+
+custom: # ['https://www.buymeacoffee.com/VishwaGauravIn']

.gitignore

@@ -0,0 +1,34 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel

README.md

@@ -0,0 +1,88 @@
+<div align="center">
+ <h1> <img src="./public/logo.jpg" width="80px"><br/>GitHub Profile Maker</h1>
+ <img src="https://img.shields.io/npm/v/npm?style=normal"/>
+ <img src="https://img.shields.io/badge/License-GPL%20v3-brightgreen?style=normal"/>
+ <img src="https://img.shields.io/github/languages/code-size/VishwaGauravIn/github-profile-readme-maker?logo=github&style=normal"/>
+</div>
+<br/>
+
+
+# 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 GPRM
+
+### 📊 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)
+
+<details>
+<summary>
+  NextJS Guide
+</summary>
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn 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.
+
+</details>

components/Animation.js

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export default function Animation() {
+  return <div>
+
+  </div>;
+}

components/NavBar.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { BUY_ME_A_COFFEE_SVG } from "./elements/SVG";
+
+export default function NavBar() {
+  return (
+    <div className="w-full flex text-green-300 items-center relative">
+      <img src="/logo.jpg" alt="" className="w-8 h-8 mr-2" />
+      <p className="text-4xl font-medium text-green-300">GPRM</p>
+      <a
+        href="https://www.buymeacoffee.com/VishwaGauravIn"
+        className="flex absolute right-0 justify-center items-center p-2 px-6 bg-green-300 text-green-900 font-semibold rounded-full shadow-lg hover:shadow-green-300/30 sm:hover:scale-[1.02] transition-all ease-in-out duration-100 scale-75 -mr-6 md:mr-0 sm:scale-100"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        <BUY_ME_A_COFFEE_SVG/>
+        Donate us
+      </a>
+    </div>
+  );
+}

components/elements/AnimatedText.js

@@ -0,0 +1,25 @@
+import React from "react";
+import TextLoop from "react-text-loop/lib/components/TextLoop";
+
+export default function AnimatedText() {
+  return (
+    <div className="text-zinc-500 hidden md:block sm:text-2xl md:text-3xl lg:text-4xl 2xl:text-5xl font-medium overflow-y-hidden">
+      Create{" "}
+      <TextLoop>
+        <span className="text-rose-200 underline underline-offset-4 decoration-dashed">
+          Beautiful
+        </span>
+        <span className="text-cyan-200 underline underline-offset-4 decoration-dashed">
+          Modern
+        </span>
+        <span className="text-amber-200 underline underline-offset-4 decoration-dashed">
+          Interactive
+        </span>
+        <span className="text-green-200 underline underline-offset-4 decoration-dashed">
+          Perfect
+        </span>
+      </TextLoop>{" "}
+      Profile
+    </div>
+  );
+}

components/elements/CheckBox.js

@@ -0,0 +1,16 @@
+import React from "react";
+
+export default function CheckBox({ id, title, defaultChecked }) {
+  return (
+    <p className="flex w-max items-center my-2">
+      <input
+        type="checkbox"
+        name=""
+        id={id}
+        defaultChecked={ defaultChecked || false }
+        className="w-4 h-4 mr-2 outline-none"
+      />
+      {title}
+    </p>
+  );
+}

components/elements/Footer.js

@@ -0,0 +1,48 @@
+import React from "react";
+import { GITHUB_SVG, LINKEDIN_SVG, TWITTER_SVG } from "./SVG";
+
+export default function Footer() {
+  return (
+    <div className="flex flex-col w-full justify-center items-center pt-6 pb-2">
+      <div className="flex flex-row flex-wrap space-x-2">
+        {/* Twitter */}
+        <a
+          className="bg-blue-500 text-blue-50 mt-3 hover:bg-blue-600 font-semibold uppercase  text-lg p-2 rounded-full shadow hover:shadow-md outline-none focus:outline-none  mb-1 ease-linear transition-all duration-150 flex items-center w-max aspect-square"
+          href="https://twitter.com/VishwaGauravIn"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <TWITTER_SVG size={4} />
+        </a>
+        {/* GitHub */}
+        <a
+          className="bg-violet-500 text-violet-50 mt-3 hover:bg-violet-600 font-semibold uppercase  text-lg p-2 rounded-full shadow hover:shadow-md outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150 flex items-center w-max aspect-square"
+          href="https://github.com/VishwaGauravIn"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <GITHUB_SVG size={4} />
+        </a>
+        {/* LinkedIn */}
+        <a
+          className="bg-blue-600 text-blue-50 mt-3 hover:bg-blue-700 font-semibold uppercase  text-lg p-2 rounded-full shadow hover:shadow-md outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150 flex items-center w-max aspect-square"
+          href="https://www.linkedin.com/in/VishwaGauravIn"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <LINKEDIN_SVG size={4} />
+        </a>
+      </div>
+      <div className="w-full flex justify-center items-center text-green-200">
+        <a
+          href="https://itsvg.in"
+          className="opacity-75 hover:opacity-95 mt-2"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          {"</>"} & Crafted with&nbsp;💛&nbsp;Vishwa Gaurav
+        </a>
+      </div>
+    </div>
+  );
+}

components/elements/Pagination.js

@@ -0,0 +1,9 @@
+import React from "react";
+
+export default function Pagination({ val }) {
+  return (
+    <div className="fixed bottom-2 left-2 px-6 py-2 bg-green-300 text-zinc-800 rounded-full font-semibold">
+      {val} / 6
+    </div>
+  );
+}