/ThreeJS-Portfolio

This website is created using JavaScript, React, and Three.js to showcase a portfolio or interactive web experience. It utilizes modern web technologies including Node.js for backend, React.js for frontend development, Framer Motion for animations, and HTML with Tailwind CSS for styling.

Primary LanguageJavaScript

Web Three.js Portfolio

This website is created using JavaScript, React, and Three.js to showcase a portfolio or interactive web experience. It utilizes modern web technologies including Node.js for backend, React.js for frontend development, Framer Motion for animations, and HTML with Tailwind CSS for styling. Instead of using create-react-app, Vite is used as the build tool for this portfolio application.

Tech Stack

  • JavaScript
  • Node.js
  • React.js
  • Three.js
  • Framer Motion
  • HTML
  • Tailwind CSS
  • Vite

Features

  • Interactive 3D elements created with Three.js.
  • Smooth animations powered by Framer Motion.
  • Responsive design using HTML and Tailwind CSS.
  • Fast development and hot module replacement with Vite.

Usage

To run the project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/Ansarimajid/ThreeJS-Portfolio.git

  2. Navigate to the project directory:

    cd ThreeJS-Portfolio

  3. Install dependencies:

    npm install

  4. Start the development server:

    npm run dev

  5. Access the website at http://localhost:3000 in your web browser.

Contributing

Contributions to this project are welcome! If you'd like to contribute, please follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/your-feature).
  3. Commit your changes (git commit -am 'Add some feature').
  4. Push to the branch (git push origin feature/your-feature).
  5. Create a new Pull Request.

License

This project is licensed under the MIT License.