JoshuaVaneps / 3d-portfolio

Welcome to Joshua Vanes's immersive 3D portfolio built using Three.js and React! Experience the journey of a versatile full-stack developer through an innovative blend of web technology and stunning visuals. Explore a dynamic showcase of projects, skills, and achievements, all in an interactive and captivating 3D environment.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Josh Vaneps -3D Web Developer Portfolio

Welcome to my software developer portfolio! This portfolio is a window into my journey as a software developer, offering insights into my professional background, notable projects, skillset, and convenient means of communication. Crafted with a mobile-first design philosophy, it leverages the power of Vite, React, and Tailwind CSS to ensure a seamless user experience. To add a touch of visual appeal, I've integrated Three-JS for a richer interface.

Whether you're here to explore my work or considering collaboration, feel free to navigate through the various sections to learn more about my expertise and achievements. If you'd like to connect or have any inquiries, I'm just a click away.

Table of Contents

About Me

đź‘‹ Hi, I'm Josh Vaneps, a passionate web developer with experience in React, full-stack development, and content creation. I enjoy crafting user-friendly web applications and solving complex challenges.In the About Me section of my portfolio you will find a more detailed description along with a photo of me .

Portfolio

In the Portfolio section, you can find a selection of projects I've worked on. Each project includes:

  • An image of the deployed application.
  • The project title.
  • A link to the deployed application.
  • A link to the corresponding GitHub repository.

Explore my work, and click on the links to see these projects in action and review the source code on GitHub.

Contact

If you're interested in collaborating or have any inquiries, please feel free to reach out. You can use the contact form on my portfolio or contact me at:

Note: Validation for the Contact Form

  • When moving the cursor out of a form field without entering text, a notification will indicate that the field is required.
  • If an invalid email address is entered, a notification will inform you.

Resume

In the Resume section, you'll find a link to download my resume, along with a list of my skills and proficiencies.

Technologies Used

My portfolio utilizes the following technologies and libraries:

  • ThreeJS: A powerful 3D graphics library for rendering and animating 3D models.
  • React Three Fiber: A popular library for creating 3D graphics with ThreeJS in React.
  • TailwindCSS: A utility-first CSS styling framework.
  • Framer Motion: A library used to bring your React website to life with animations.
  • Vite: A fast build tool for JavaScript and TypeScript projects.
  • React: A popular JavaScript library for building user interfaces.
  • Node.js: A JavaScript runtime for building server-side applications.
  • React Vertical Timeline: A component for creating vertical timelines in React projects.
  • React Parallax Tilt: A library for adding interactive 3D parallax effects to React components.
  • EmailJS: A service for sending emails through web applications with ease.

Deployment

Below you will see an image of the deployed site along with a link to demo the sight fo yourself Demo Site Here: Deploy

joshuavaneps github io_3d-portfolio_

Usage

To explore my portfolio and projects:

  1. Clone this repository to your local machine.
  2. Navigate to the project directory.
  3. Run npm install to install project dependencies.
  4. Run npm start to start the development server.
  5. Open your web browser and visit http://localhost:3000 to view the portfolio.

Contact Info

You can connect with me on various platforms:

Feel free to explore my work, and let's connect to discuss potential opportunities and collaborations!

Design

  • I've used a mobile-first design approach to ensure a responsive experience.
  • The color palette is carefully chosen to create a distinct and polished look.
  • Fonts and colors are designed for readability and visual appeal.
  • Animations and React component libraries have been used to enhance the user experience.

License

This project is licensed under the MIT License. Feel free to adapt and modify it for your personal use.

Thank you for visiting my portfolio! I look forward to connecting with you and sharing my experiences as a software developer.

About

Welcome to Joshua Vanes's immersive 3D portfolio built using Three.js and React! Experience the journey of a versatile full-stack developer through an innovative blend of web technology and stunning visuals. Explore a dynamic showcase of projects, skills, and achievements, all in an interactive and captivating 3D environment.


Languages

Language:JavaScript 88.2%Language:CSS 11.3%Language:HTML 0.5%