Skip to content

This Is My Another Portfolio Website Which Is A 3D Based Website. You Can View Live Demo At Link Provided Below

License

Notifications You must be signed in to change notification settings

Alok-2002/Three_JS_Portfolio_Website

Repository files navigation

Three_JS_Portfolio_Website

image

Welcome to my Three.js Portfolio Website repository! This project showcases my portfolio website, which has been built using various technologies such as Three.js, Framer Motion, React, Node, Email JS, and styled with Tailwind CSS. The live version of the website is deployed using Netlify and can be viewed at

Table of Contents

Introduction

This repository houses the source code for my portfolio website. It has been developed to showcase my projects, skills, and interests using the power of Three.js, Framer Motion, React, Node, Email JS, and styled with Tailwind CSS. By using these technologies, I have aimed to create an interactive and visually appealing platform to present my work to potential employers, clients, or collaborators.

Technologies Used

The following technologies have been used to develop this portfolio website:

  • Three.js: A powerful JavaScript library used for 3D graphics and animations in the browser, allowing for interactive and engaging experiences.

  • Framer Motion: A popular animation library for React that enables smooth and visually impressive animations.

  • React.js: A widely used JavaScript library for building user interfaces, allowing for efficient and modular component-based development.

  • Node.js: A server-side JavaScript runtime used for various tasks in the project.

  • Email JS: A service that simplifies the process of sending emails directly from the client side without the need for server-side code.

  • Tailwind CSS: A utility-first CSS framework that enables rapid and responsive UI development.

Features

Some of the notable features of the Three.js Portfolio Website include:

  • Interactive 3D elements: Utilizing Three.js, the website incorporates interactive 3D elements to engage users and make the browsing experience more immersive.

  • Smooth Animations: Framer Motion has been used to create smooth and visually appealing animations to enhance the user experience.

  • Responsive Design: The website is fully responsive, ensuring a seamless experience across various devices and screen sizes.

  • Contact Form: The website includes a contact form powered by Email JS, allowing visitors to get in touch with me directly through the website.

  • Showcase Projects: The portfolio section showcases my projects, providing details about each project and linking to live demos or GitHub repositories.

Getting Started

To run the project locally on your machine, follow these steps:

  1. Clone the repository: git clone https://github.com/alok-2002/Three_JS_Portfolio_Website.git
  2. Navigate to the project directory: cd Three_JS_Portfolio_Website
  3. Install dependencies: npm install
  4. Start the development server: npm start
  5. Open your web browser and visit http://localhost:3000 to view the website locally.

Deployment

The live version of the website has been deployed using Netlify and can be accessed at 3D Portfolio. The deployment process might vary depending on your specific requirements and platforms.

If you wish to deploy the website on your own, you can follow the documentation and guides provided by Netlify or the platform of your choice for hosting React applications.

License

This project is licensed under the MIT License.

Contact

If you have any questions, suggestions, or just want to say hi, feel free to reach out to me:

Thank you for visiting my repository and checking out my portfolio website! I hope you enjoy exploring it as much as I enjoyed building it.