Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/temmmus/magic-ball
This project is a Magic 8 Ball application that provides answers to your questions.
https://github.com/temmmus/magic-ball
scss threejs typescript vite vue
Last synced: 4 days ago
JSON representation
This project is a Magic 8 Ball application that provides answers to your questions.
- Host: GitHub
- URL: https://github.com/temmmus/magic-ball
- Owner: temmmus
- Created: 2024-07-27T10:26:47.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-10-23T09:49:08.000Z (4 months ago)
- Last Synced: 2024-12-07T06:08:10.333Z (2 months ago)
- Topics: scss, threejs, typescript, vite, vue
- Language: Vue
- Homepage: https://temmmus.github.io/magic-ball/
- Size: 1.05 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Magic 8 Ball
This project is a Magic 8 Ball application that provides answers to your questions.
## Features
- Get answers to your questions with a classic Magic 8 Ball experience.
- Toggle between languages (Russian and English).
- Shake your phone to receive a prediction.
- Enhanced with Three.js and Vanta.js for a dynamic background and visual effects
- Progressive Web App (PWA) support – install the app on your device for offline access and a native app experience
## Live Demo
You can view the live demo of this project on GitHub Pages: [GitHub Pages Link](https://temmmus.github.io/magic-ball)
## Installation
To run this project locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/temmmus/magic-ball.git
```
2. Navigate to the project directory:
```bash
cd magic-ball
```
3. Install the dependencies:
```bash
npm install
```
4. Run the development server:
```bash
npm run dev
```
5. Open your browser and go to link from console.
## Technologies
- **[Vue.js](https://vuejs.org/)**: A progressive JavaScript framework used to build the user interface.
- **[TypeScript](https://www.typescriptlang.org/)**: A superset of JavaScript that adds static types.
- **[HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)**: Markup language for structuring web pages.
- **[SCSS](https://sass-lang.com/)**: A preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS).
- **[Vite](https://vitejs.dev/)**: A build tool and development server that provides fast hot module replacement.
- **[Three.js](https://threejs.org/)**: A JavaScript library that simplifies the creation and rendering of 3D graphics in the browser.
- **[Vanta.js](https://www.vantajs.com/)**: A library for creating animated and interactive background effects.