Update README.md

Author: codebucks27

README.md

@@ -1,45 +1,96 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+# Next.js Creative Portfolio Tutorial: Build Amazing Portfolio Website with Next.js, Three.js, and Tailwind CSS 🔥
 
-## Getting Started
+![GitHub stars](https://img.shields.io/github/stars/codebucks27/Next.js-Creative-Portfolio-Website?style=social&logo=ApacheSpark&label=Stars)  
+![GitHub forks](https://img.shields.io/github/forks/codebucks27/Next.js-Creative-Portfolio-Website?style=social&logo=KashFlow&maxAge=3600)  
+![Github Followers](https://img.shields.io/github/followers/codebucks27.svg?style=social&label=Follow)&nbsp;&nbsp;<br />
 
-First, run the development server:
+This repository contains **final code** for Next.js Creative Portfolio created using Next.js and Three.js. <br />
 
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
+For Demo checkout following link👇: <br />
+[Nextjs Creative Portfolio Website Demo](https://next-js-creative-portfolio-website.vercel.app/) <br />
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+Starter Code Files👇: <br />
+➡ Link 💚: [Nextjs Creative Portfolio Website Final Code](https://github.com/codebucks27/Nextjs-Creative-Portfolio-Starter-Code-Files) <br />
+<!--- ➡ Link 2💚(If you want to support): [Nextjs Creative Portfolio Website Final Code](https://codebucks.gumroad.com/l/ypzlu) <br /> --->
+
+If you want to learn how to create it please follow below tutorial👇: <br />
+https://youtu.be/1QGLHOaRLwM <br />
+[![YouTube Video Views](https://img.shields.io/youtube/views/1QGLHOaRLwM?style=social)](https://youtu.be/1QGLHOaRLwM)<br />
+
+---
+# ⭐DO NOT FORGET TO STAR THIS REPO⭐
+---
+
+## Images of The Portfolio Website:
+
+#### Home
+![Nextjs Creative Portfolio Website](https://github.com/codebucks27/Nextjs-Creative-Portfolio-Starter-Code-Files/blob/main/website%20images/Home-desktop.png)
+
+#### About
+![Nextjs Creative Portfolio Website About Page](https://github.com/codebucks27/Nextjs-Creative-Portfolio-Starter-Code-Files/blob/main/website%20images/About-desktop-full.png)
+
+#### Projects
+![Next.js Creative Portfolio Website Projects Page](https://github.com/codebucks27/Nextjs-Creative-Portfolio-Starter-Code-Files/blob/main/website%20images/Projects-desktop.png)
 
-You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.
+#### Contact
+![Next.js Creative Portfolio Website Contact Page](https://github.com/codebucks27/Nextjs-Creative-Portfolio-Starter-Code-Files/blob/main/website%20images/Contact-desktop.png)
 
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+#### Mobile Version
+![Next.js Creative Portfolio Website Contact Page](https://github.com/codebucks27/Nextjs-Creative-Portfolio-Starter-Code-Files/blob/main/website%20images/Home-mobile.png)
+![Next.js Creative Portfolio Website Contact Page](https://github.com/codebucks27/Nextjs-Creative-Portfolio-Starter-Code-Files/blob/main/website%20images/About-mobile.png)
+![Next.js Creative Portfolio Website Contact Page](https://github.com/codebucks27/Nextjs-Creative-Portfolio-Starter-Code-Files/blob/main/website%20images/Projects-mobile.png)
+![Next.js Creative Portfolio Website Contact Page](https://github.com/codebucks27/Nextjs-Creative-Portfolio-Starter-Code-Files/blob/main/website%20images/Contact-mobile.png)
 
-## Learn More
+## Resources Used in This Project
 
-To learn more about Next.js, take a look at the following resources:
+#### 3D Models
 
-- [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.
+- ["Tim Mckee - Boy Wizard"](https://skfb.ly/6YATu) by [elbertwithane is licensed under Creative Commons Attribution ](http://creativecommons.org/licenses/by/4.0/).
+- ["Stylized wizard hat"](https://skfb.ly/ozxOQ) by [Enkarra is licensed under Creative Commons Attribution](http://creativecommons.org/licenses/by/4.0/).
+- ["Wizard Staff"](https://skfb.ly/6QYZw) by [Toymancer Studio is licensed under Creative Commons Attribution](http://creativecommons.org/licenses/by/4.0/).
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+#### AI Images
 
-## Deploy on Vercel
+- Created with the help of [Playground AI](https://playgroundai.com/)
 
-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.
+#### Github Stats & Details
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+- [Github ReadMe Stats](https://github.com/anuraghazra/github-readme-stats)
+- [Skills Icons](https://github.com/tandpfun/skill-icons)
+- [Github Readme Streak Stats](https://github.com/denvercoder1/github-readme-streak-stats)
 
+#### Development Resources
 
-### 3d Models From:
+- Fonts from [Google Fonts](https://fonts.google.com/) <br />
+- Icons from [Lucide Icons](https://lucide.dev/) <br />
+- Notifications from [Sonner](https://sonner.emilkowal.ski/) <br />
+- Form created using [react-hook-form](https://react-hook-form.com/) <br />
+- Animations using [framer-motion](https://www.framer.com/motion/) <br />
+- Emails using [Emailjs](https://www.emailjs.com/) <br />
+- Convert 3d models to JSX using [Gltf JSX](https://github.com/pmndrs/gltfjsx)
 
-- Wizard Boy - https://sketchfab.com/3d-models/tim-mckee-boy-wizard-900beec6d3504d51ade81cb5c052163b
+#### Audio 
 
-- Wizard Hat - https://sketchfab.com/3d-models/stylized-wizard-hat-f59021d602334367987bcd7657cec722
+- Music by <a href="https://pixabay.com/users/shidenbeatsmusic-25676252/?utm_source=link-attribution&utm_medium=referral&utm_campaign=music&utm_content=20772">Shiden Beats Music</a> from <a href="https://pixabay.com/music//?utm_source=link-attribution&utm_medium=referral&utm_campaign=music&utm_content=20772">Pixabay</a>
 
-- Wizard Staff - https://sketchfab.com/3d-models/wizard-staff-873f596fb3cc44998cb75a3dce60181f
+---
+
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, install the dependencies and run the development server:
+
+```bash
+npm run install # to install all dependencies
+
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.