Skip to content

lilithCode/space-portfolio

Repository files navigation

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.

Demo

🔗 Check out the live demo: https://spacetheme-portfolio.vercel.app/


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/space-portfolio.git
    cd space-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

How to start

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.


About

Space theme portfolio build using MERN and three.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors