diff --git a/LICENSE b/LICENSE index 3f02cf3..e69de29 100644 --- a/LICENSE +++ b/LICENSE @@ -1,21 +0,0 @@ -MIT License - -Copyright (c) 2025 Kabir Singh - -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all -copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE. diff --git a/README.md b/README.md index 35c763f..e69de29 100644 --- a/README.md +++ b/README.md @@ -1,74 +0,0 @@ -# My Portfolio Website - Overview 🚀 - -This repository contains the open source version of my 3D portfolio website. Do check it out! - -## Instructions 🛠️ - -I have modified the GSAP club plugins with the trial plugins, but with the trial plugin, you cannot host it⛔️. For Club plugins, check out here: [GSAP Installation](https://gsap.com/docs/v3/Installation/). - -**Techstack** - React, TypeScript, GSAP, ThreeJS, WebGL, HTML, CSS, JavaScript - -### Installation - -1. Clone the repository to your local machine: - - ```bash - git clone - cd - ``` - -2. Install the required packages: - - ```bash - npm install - ``` - -3. Install React: - - ```bash - npm i react - ``` - -4. Install GSAP for React: - - You can choose to install GSAP specifically for React or the general GSAP package: - - For React: - ```bash - npm i gsap/react - ``` - - Or the general GSAP package: - ```bash - npm i gsap - ``` - -5. Run the development server: - - ```bash - npm run dev - ``` - -Open your browser and navigate to `http://localhost:3000` to view the website. - -## Features - -- 3D interactive UI built with ThreeJS and WebGL -- Smooth animations using GSAP -- Responsive design for various screen sizes - -## Contributing - -Contributions are welcome! Please follow these steps: - -1. Fork the repository. -2. Create a new branch (`git checkout -b feature-branch`). -3. Commit your changes (`git commit -m 'Add new feature'`). -4. Push to the branch (`git push origin feature-branch`). -5. Open a pull request. - -## License - -This project is licensed under the MIT License. See the LICENSE file for details. - - diff --git a/index.html b/index.html index 8459ff8..d40e0f3 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - KABIR SINGH - Creative Developer | Designer + Pradeep Dhaka
diff --git a/package-lock.json b/package-lock.json index a232816..44e7cc4 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,11 +1,11 @@ { - "name": "KABIR-portfolio", + "name": "kabir-portfolio", "version": "0.0.0", "lockfileVersion": 3, "requires": true, "packages": { "": { - "name": "KABIR-portfolio", + "name": "kabir-portfolio", "version": "0.0.0", "dependencies": { "@gsap/react": "^2.1.2", diff --git a/public/images/express.webp b/public/images/express.webp deleted file mode 100644 index f322427..0000000 Binary files a/public/images/express.webp and /dev/null differ diff --git a/public/images/javascript.webp b/public/images/javascript.webp deleted file mode 100644 index 7c967a1..0000000 Binary files a/public/images/javascript.webp and /dev/null differ diff --git a/public/images/mongo.webp b/public/images/mongo.webp deleted file mode 100644 index ac668aa..0000000 Binary files a/public/images/mongo.webp and /dev/null differ diff --git a/public/images/mysql.webp b/public/images/mysql.webp deleted file mode 100644 index e20b816..0000000 Binary files a/public/images/mysql.webp and /dev/null differ diff --git a/public/images/next.webp b/public/images/next.webp deleted file mode 100644 index 4700362..0000000 Binary files a/public/images/next.webp and /dev/null differ diff --git a/public/images/next1.webp b/public/images/next1.webp deleted file mode 100644 index 7f51ba6..0000000 Binary files a/public/images/next1.webp and /dev/null differ diff --git a/public/images/next2.webp b/public/images/next2.webp deleted file mode 100644 index 91c713f..0000000 Binary files a/public/images/next2.webp and /dev/null differ diff --git a/public/images/nextBL.webp b/public/images/nextBL.webp deleted file mode 100644 index 5e25996..0000000 Binary files a/public/images/nextBL.webp and /dev/null differ diff --git a/public/images/node.webp b/public/images/node.webp deleted file mode 100644 index 1a6bc46..0000000 Binary files a/public/images/node.webp and /dev/null differ diff --git a/public/images/node2.webp b/public/images/node2.webp deleted file mode 100644 index d32572f..0000000 Binary files a/public/images/node2.webp and /dev/null differ diff --git a/public/images/placeholder.webp b/public/images/placeholder.webp deleted file mode 100644 index 36f28c1..0000000 Binary files a/public/images/placeholder.webp and /dev/null differ diff --git a/public/images/react.webp b/public/images/react.webp deleted file mode 100644 index f5aaa65..0000000 Binary files a/public/images/react.webp and /dev/null differ diff --git a/public/images/react2.webp b/public/images/react2.webp deleted file mode 100644 index 2f5ad82..0000000 Binary files a/public/images/react2.webp and /dev/null differ diff --git a/public/images/typescript.webp b/public/images/typescript.webp deleted file mode 100644 index bc50432..0000000 Binary files a/public/images/typescript.webp and /dev/null differ diff --git a/public/models/character.glb b/public/models/character.glb index c5eddce..e69de29 100644 --- a/public/models/character.glb +++ b/public/models/character.glb @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:c287a4d10bbbbc4c779f7b0a68b666b530ef9754142843aa048b4d5976c0d052 -size 1537316 diff --git a/src/components/About.tsx b/src/components/About.tsx index 0159c30..680ed27 100644 --- a/src/components/About.tsx +++ b/src/components/About.tsx @@ -6,9 +6,7 @@ const About = () => {

About Me

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic quis - dolores numquam iusto Ratione earum ducimus autem id iure pariatur - dolorum quae maiores. + A passionate and creative lighting design graduate seeking an entry-level position in the field of lighting design where I can apply my technical skills and artistic sensibilities to create impactful and innovative lighting solutions.

diff --git a/src/components/Career.tsx b/src/components/Career.tsx index d7eb15c..976eec1 100644 --- a/src/components/Career.tsx +++ b/src/components/Career.tsx @@ -12,39 +12,13 @@ const Career = () => {
+ +

Position In Company

-
Company Name
-
-

20XX

-
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim - labore sit non ipsum temporibus quidem, deserunt eaque officiis - mollitia ratione suscipit repellat. -

-
-
-
-
-

Position In Company

-
Company Name
-
-

20XX

-
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim - labore sit non ipsum temporibus quidem, deserunt eaque officiis - mollitia ratione suscipit repellat. -

-
-
-
-
-

Position In Company

-
Company Name
+
Design Matrix

NOW

diff --git a/src/components/Character/utils/resizeUtils.ts b/src/components/Character/utils/resizeUtils.ts index b6a15bf..9c92c13 100644 --- a/src/components/Character/utils/resizeUtils.ts +++ b/src/components/Character/utils/resizeUtils.ts @@ -24,3 +24,4 @@ export default function handleResize( setCharTimeline(character, camera); setAllTimeline(); } + diff --git a/src/components/Contact.tsx b/src/components/Contact.tsx index 3831bcc..3bccee7 100644 --- a/src/components/Contact.tsx +++ b/src/components/Contact.tsx @@ -11,26 +11,19 @@ const Contact = () => {

Email

- abc@gmail.com + Pradeepdhaka291@gmail.com

Phone

- +91 9988776655 + +91 93116 58647

Social

- - Github - + {

- Designed and Developed
by Kabir Singh + Lighting Designer
by Pradeep Dhaka

2025 diff --git a/src/components/Landing.tsx b/src/components/Landing.tsx index bb5461b..cef953b 100644 --- a/src/components/Landing.tsx +++ b/src/components/Landing.tsx @@ -9,19 +9,19 @@ const Landing = ({ children }: PropsWithChildren) => {

Hello! I'm

- KABIR + PRADEEP
- SINGH + DHAKA

A Creative

Designer
-
Developer
+
Lighting

-
Developer
+
Devloper
Designer

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index 89893e3..d0f8a7f 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -46,11 +46,11 @@ const Navbar = () => { Logo - example@mail.com +
- {[...Array(6)].map((_value, index) => ( -
+ {projects.map((project) => ( +
-

0{index + 1}

- +

0{project.id}

-

Project Name

-

Category

+

{project.title}

+

{project.category}

Tools and features

-

Javascript, TypeScript, React, Threejs

+

{project.tools}

- +
))}
@@ -71,4 +116,4 @@ const Work = () => { ); }; -export default Work; +export default Work; \ No newline at end of file diff --git a/src/components/styles/Work.css b/src/components/styles/Work.css index d6740d3..5b7ea8e 100644 --- a/src/components/styles/Work.css +++ b/src/components/styles/Work.css @@ -125,7 +125,7 @@ background-color: #000; object-fit: cover; } -.work-image img { +.work-image { max-width: 100%; max-height: 350px; }