/portfolio

My portfolio website build using ReactJS, Tailwind CSS, and ThreeJS

Primary LanguageJavaScript

TULIKA'S PORTFOLIO WEBSITE

Made using:

react.js three.js tailwindcss

📋 Contents:-

  1. 🤖 Introduction
  2. ⚙️ Tech Stack
  3. 🔋 Features
  4. 🤸 Quick Start

🤖 Introduction:-

This is my personal portfolio website highlighting my skills, personal projects and work experiences and education. Would love to connect to bring ideas to life!

⚙️ Tech Stack used:-

  • React.js
  • Three.js
  • Email JS
  • Vite
  • Tailwind CSS

🔋 Features:-

👉 Interactive Experience Section: Utilizes animations powered by framer motion for engaging user experience.

👉 Appealing Skills Section: Showcases skills using 3D geometries through three.js and React Three fiber.

👉 Animated Projects: Features animated sections using framer motion for projects.

👉 Contact Section:Integrates a 3D earth model with email functionality powered by emailjs.

👉 Consistent Animations: Implements cohesive animations throughout the website using framer motion.

👉 Responsive Design: Ensures optimal display and functionality across all devices.

🤸 Quick Start:-

Follow these steps to set up the project locally on your machine.

Cloning the Repository

Firstly, clone the repository..

Installation

Install the project dependencies using npm:

npm install

Set Up Environment Variables

Create a new file named .env in the root of your project and add the following content:

VITE_APP_EMAILJS_PUBLIC_KEY=your_emailjs_user_id
VITE_APP_EMAILJS_TEMPLATE_ID=your_emailjs_template_id
VITE_APP_EMAILJS_SERVICE_ID=your_emailjs_receiver_id

Replace the placeholder values with your actual EmailJS credentials. Running the Project

yarn dev

Open http://localhost:5173 in your browser to view the project.