Space-Themed Portfolio

Welcome to my space-themed portfolio! This project showcases my skills, projects, and contact information in a visually stunning interactive 3D environment using React, Three.js, and Vite.

📌 Table of Contents

1️⃣ Demo
2️⃣ Features
3️⃣ Technologies Used
4️⃣ Installation
5️⃣ Usage
6️⃣ Project Structure
7️⃣ Environment Variables
8️⃣ Contributing
9️⃣ License

---

🎮 Demo

🔗 Check out the live demo: [Replace with actual link]

---

✨ Features

✅ Interactive 3D environment with rotating stars & planets ✅ Smooth Navigation (About, Projects, Skills & Contact) ✅ Fluid Animations & Transitions ✅ Fully Responsive Design ✅ Functional Contact Form with EmailJS

---

🛠️ Technologies Used

• React: JavaScript library for UI development
• Three.js: JavaScript 3D library
• @react-three/fiber: React renderer for Three.js
• @react-three/drei: Helpers for Three.js
• Vite: Next-gen frontend tooling
• Tailwind CSS: Utility-first CSS framework
• EmailJS: Service to send emails directly from the client-side

---

📥 Installation

1. Clone the repository:

   git clone https://github.com/lilithCode/Portfolio.git
   cd portfolio

2. Install the dependencies:

   npm install

3. Create a .env file in the root of the project and add your EmailJS credentials:

   VITE_APP_EMAILJS_SERVICE_ID=your_service_id
   VITE_APP_EMAILJS_TEMPLATE_ID=your_template_id
   VITE_APP_EMAILJS_PUBLIC_KEY=your_public_key

🚀 Usage

Start development server

npm run dev

This will launch the project at localhost:5173 (or another available port).

Build for production

npm run build

Preview production build locally

npm run preview

---

Contributing

Contributions are welcome! If you have any suggestions or improvements, feel free to open an issue or submit a pull request.

---