Skip to content

yashhhYB/SpaceSky

Repository files navigation

SpaceSky: Your Cosmic Playground 🚀✨

Welcome aboard SpaceSky, a fun and interactive space-themed web project where technology meets the cosmos! Whether you're a space enthusiast, a tech geek, or just someone who loves cool web experiences, this project is designed to take you on a journey through galaxies, planets, games, and live data — all wrapped up in a sleek, modern interface.

🚀 Inspiration

SpaceSky was born from a love of technology and the infinite wonders of space. Inspired by the thrill of exploring new frontiers and the power of modern web tech, this project combines cutting-edge tools to create an immersive experience that’s both educational and entertaining. It’s a playground for creativity, learning, and a little bit of cosmic magic!

LiveDemo

http://www.spaceSky.com

🛠️ Technologies Used

  • Next.js - The React framework for blazing-fast web apps
  • React 19 - The UI library that makes everything interactive
  • Tailwind CSS - Utility-first CSS for rapid styling
  • Radix UI - Accessible and customizable UI components
  • Three.js & @react-three/fiber - Bringing 3D space scenes to life
  • Various other cool libraries like react-hook-form, recharts, and more!

📦 Getting Started

Installation

First, clone the repo and install the dependencies:

git clone https://github.com/yourusername/spacesky.git
cd spacesky
npm install
# or if you prefer pnpm
pnpm install

Running the Development Server

Launch the dev server and start exploring:

npm run dev
# or
pnpm dev

Open http://localhost:3000 in your browser to see the magic happen!

Building and Starting for Production

Ready to launch your own cosmic adventure? Build and start the production server:

npm run build
npm run start
# or with pnpm
pnpm build
pnpm start

🗂️ Project Structure Overview

  • app/ - Main application pages and routes (gallery, games, planets, live data, study, and more)
  • components/ - Reusable UI components including custom cursors, navigation, chatbots, and themed elements
  • hooks/ - Custom React hooks for enhanced functionality
  • lib/ - Utility functions and API integrations (like NASA API)
  • public/ - Static assets like images and textures
  • styles/ - Global and component-specific styles using Tailwind CSS

🤝 Contributing

Feel free to jump in! Whether it’s fixing bugs, adding features, or improving docs, your contributions are welcome. Just fork the repo, make your changes, and open a pull request.

📄 License

This project is open source and available under the MIT License.


Thanks for stopping by SpaceSky! Keep looking up and keep coding. 🌌👩‍🚀👨‍🚀

About

SpaceSky, a fun and interactive space-themed web project where technology meets the cosmos! Whether you're a space enthusiast, a tech geek, this project is designed to take you on a journey through galaxies, planets, games, and live data all wrapped up in a sleek, modern interface.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors