Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/blueskiy01/voxel-christmas-cabin

A cozy, voxel-based Christmas cabin experience
https://github.com/blueskiy01/voxel-christmas-cabin

tailwindcss three-js threejs voxel voxel-game voxelart

Last synced: 3 days ago
JSON representation

A cozy, voxel-based Christmas cabin experience

Awesome Lists containing this project

README

        


Voxel Christmas Cabin


An interactive voxel-based Christmas cabin experience! Build, decorate, and customize your cozy cabin with decorations and furniture.

Preview of the cabin

![Three.js](https://img.shields.io/badge/3D_Rendering-Three.js-000000?logo=three.js&logoColor=white&style=flat-square) ![TypeScript](https://img.shields.io/badge/Language-TypeScript-3178C6?logo=typescript&logoColor=white&style=flat-square) ![Vite](https://img.shields.io/badge/Build-Vite-646CFF?logo=vite&logoColor=white&style=flat-square) ![Tailwind CSS](https://img.shields.io/badge/Styling-Tailwind%20CSS-06B6D4?logo=tailwindcss&logoColor=white&style=flat-square)
![Radix UI](https://img.shields.io/badge/Component_Library-Radix%20UI-FFD700?logo=radix-ui&logoColor=white&style=flat-square) ![React Three Fiber](https://img.shields.io/badge/3D_Rendering-React%20Three%20Fiber-000000?logo=react&logoColor=white&style=flat-square) ![React](https://img.shields.io/badge/Frontend-React-61DAFB?logo=react&logoColor=white&style=flat-square) ![ESLint](https://img.shields.io/badge/Code_Style-ESLint-4B32C3?logo=eslint&logoColor=white&style=flat-square)

### **Table of Contents**
1. [Features](#features)
2. [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
3. [Contributing](#contributing)
4. [License](#license)
5. [Contact](#contact)
6. [Future Enhancements](#future-enhancements)

## Features

- **Customizable Decor**: Drag and drop furniture to personalize your cabin.
- **Interactive Elements**: Light up the fireplace, watch the cat chase the bird and more (to be added next time)!
- **Transparent Windows**: Enjoy a snowy view through the glass windows.
- **Responsive Design**: Supports both desktop and mobile browsers.

## Getting Started

### Prerequisites

Make sure you have the following installed:
- [Node.js](https://nodejs.org/) (v14 or higher)
- `npm` or `yarn`

### Setup

1. **Clone the Repository**:
```bash
git clone https://github.com/your-username/voxel-christmas-cabin.git
cd voxel-christmas-cabin
```

2. **Install Dependencies**:
```bash
npm install
# or
yarn install
```

3. **Run the Development Server**:
```bash
npm run dev
# or
yarn dev
```

4. **Access the App**:
Open your browser and navigate to `http://localhost:5173`.

## Contributing

We welcome contributions to Voxel Christmas Cabin! To contribute:

1. **Fork the repository**.
2. **Create a new branch**:
```bash
git checkout -b feature/your-feature-name
```
3. **Commit your changes**:
```bash
git commit -m "Add your message here"
```
4. **Push to your fork and submit a Pull Request**.

## License

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

## Contact

For questions or support, contact us at:
- GitHub Issues: [Submit an issue](https://github.com/your-username/voxel-christmas-cabin/issues)
## Citation
If you build upon this project, please use the following citation:
```BibTeX
@misc{Voxel Christmas Cabin,
title = {Voxel Christmas Cabin},
author = {Korin Lim},
year = {2024},
howpublished = {\url{https://github.com/blueskiy01/voxel-christmas-cabin}},
}
```
## Contributor
- [blueskiy01](www.github.com/blueskiy01)

## Future Enhancements
- Additional festive themes for other holidays.
- A shareable guestbook feature for friends to leave messages.