Deakin Rover Website

🚀 A modern space-themed portfolio website with stunning 3D animations

Live Demo • Report Bug • Request Feature

---

📋 Table of Contents

• About
• Features
• Tech Stack
• Screenshots
• Getting Started
  • Prerequisites
  • Installation
  • Running Locally
  • Building for Production
• Project Structure
• Contributing
• License
• Acknowledgements

---

🎯 About

This website is built on top of the space-portfolio template created by Sanidhya Kumar Verma.

The Deakin Rover website is an immersive, space-themed portfolio built with cutting-edge web technologies. Featuring dynamic 3D graphics, smooth animations, and an intuitive user interface, this website showcases projects, skills, and team information in an engaging and memorable way.

---

✨ Features

• 🌌 Interactive 3D Space Environment - Stunning starfield and 3D elements using Three.js
• 🎨 Modern UI/UX - Clean, responsive design with glassmorphism effects
• ⚡ Blazing Fast - Built on Next.js 14 with App Router for optimal performance
• 🎭 Smooth Animations - Powered by Framer Motion for fluid transitions
• 📱 Fully Responsive - Optimized for all devices and screen sizes
• 🎯 Skills Showcase - Categorized display of technical skills with icons
• 💼 Project Portfolio - Beautiful project cards with links and descriptions
• 🔗 Social Integration - Easy access to social media and contact information
• ♿ Accessible - Built with accessibility best practices
• 🌙 Space Theme - Immersive cosmic design with purple accent colors

---

🛠️ Tech Stack

Core Framework

• Next.js 14 - React framework with App Router
• TypeScript - Type safety and better DX
• React 18 - UI library

3D Graphics & Animation

• Three.js - 3D graphics library
• React Three Fiber - React renderer for Three.js
• React Three Drei - Useful helpers for React Three Fiber
• Framer Motion - Animation library

Styling

• Tailwind CSS - Utility-first CSS framework
• clsx - Conditional className utility
• tailwind-merge - Merge Tailwind classes

Other Libraries

• React Icons - Icon library
• Heroicons - Beautiful hand-crafted SVG icons
• React Intersection Observer - Scroll-based animations
• Swiper - Modern touch slider

---

📸 Screenshots

Home Page

---

🚀 Getting Started

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (v18.0 or higher)
• npm or yarn package manager
• Git for version control

Installation

1. Clone the repository

git clone https://github.com/mirmisbahali/deakinrover.space.git
cd deakinrover.space

2. Install dependencies

Note: This project requires the --legacy-peer-deps flag due to peer dependency conflicts.

npm install --legacy-peer-deps

Or if you're using yarn:

yarn install --legacy-peer-deps

Running Locally

Start the development server:

npm run dev

Or with yarn:

yarn dev

Open http://localhost:3000 in your browser to see the result.

Building for Production

Create an optimized production build:

npm run build
npm start

Or with yarn:

yarn build
yarn start

---

📁 Project Structure

deakinrover.space/
├── app/                      # Next.js 14 App Router
│   ├── favicon.ico
│   ├── globals.css
│   ├── layout.tsx
│   ├── page.tsx
│   └── sponsor/              # Sponsor page
├── components/
│   ├── main/                 # Main page sections
│   │   ├── encryption.tsx
│   │   ├── footer.tsx
│   │   ├── hero.tsx
│   │   ├── navbar.tsx
│   │   ├── projects.tsx
│   │   ├── skills.tsx
│   │   └── star-background.tsx
│   ├── sponsor/              # Sponsor-related components
│   └── sub/                  # Reusable sub-components
│       ├── hero-content.tsx
│       ├── project-card.tsx
│       ├── skill-data-provider.tsx
│       └── skill-text.tsx
├── config/
│   └── index.ts              # Site metadata configuration
├── constants/
│   └── index.ts              # Static data (skills, projects, links)
├── lib/
│   ├── motion.ts             # Framer Motion configurations
│   └── utils.ts              # Utility functions
├── public/                   # Static assets
│   ├── gallery/              # Gallery images
│   ├── projects/             # Project images
│   ├── skills/               # Skill icons
│   ├── videos/               # Video assets
│   ├── hero-bg.svg
│   ├── lock-main.png
│   ├── lock-top.png
│   └── deakin_rover_logo_white.svg
├── .eslintrc.json
├── .gitignore
├── CLAUDE.md                 # Claude Code instructions
├── LICENSE
├── next.config.js
├── package.json
├── postcss.config.js
├── tailwind.config.ts
├── tsconfig.json
└── README.md

---

🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

How to Contribute

1. Fork the Project
2. Create your Feature Branch

   git checkout -b feature/AmazingFeature

3. Commit your Changes

   git commit -m 'Add some AmazingFeature'

4. Push to the Branch

   git push origin feature/AmazingFeature

5. Open a Pull Request

Contribution Guidelines

• Follow the existing code style and conventions
• Write meaningful commit messages
• Test your changes thoroughly before submitting
• Update documentation as needed
• Be respectful and constructive in discussions

---

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

This means you are free to use, modify, and distribute this software, provided you include the original copyright notice and license terms.

---

🙏 Acknowledgements

• Original Template: space-portfolio by Sanidhya Kumar Verma
• 3D Graphics: Three.js and React Three Fiber
• Framework: Next.js by Vercel
• Animations: Framer Motion
• Icons: React Icons and Heroicons
• Styling: Tailwind CSS

---

Made with 💜 by the Deakin Rover Team

⭐ Star this repository if you find it helpful!