Naruto Game

Click here to access the website

About the project

Naruto Game is a Naruto-themed running game inspired by the classic T-Rex Game from Chrome. Run through obstacles, aim for the highest score, and unlock surprise rewards along the way. A nostalgic and fun experience for fans of the anime!

Screenshots

Home Page

Game Page

Game Over Page

Prize Page

Technologies

• Vue.js 3.3.4
• Vite 4.4.7
• UnoCSS 0.54.0
• Quasar 2.12.3
• Eslint 8.46.0

Recommended IDE Setup

VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

How to use

Project setup

pnpm i

pnpm update

pnpm upgrade

Compiles and hot-reloads for development

pnpm dev

or

pnpm dev --port=5173

Compiles and minifies for production

pnpm build

or

pnpm build --mode [environment]

and

pnpm preview

Lints and fixes files

pnpm lint:fix

Project structure

📦public
┗ 📜naturo-icon.png
📦src
 ┣ 📂assets
 ┃ ┣ 📂images
 ┃ ┃ ┣ 📜bamboo-1.png
 ┃ ┃ ┣ 📜cacto.png
 ┃ ┃ ┣ 📜clouds.png
 ┃ ┃ ┣ 📜naruto-angry.png
 ┃ ┃ ┣ 📜naruto-meta-image.jpg
 ┃ ┃ ┣ 📜naruto-running.gif
 ┃ ┃ ┣ 📜naruto-start-game.png
 ┃ ┃ ┣ 📜naturo-and-sasuke.jpg
 ┃ ┃ ┣ 📜sakura.gif
 ┃ ┃ ┗ 📜sasuke-start-game.png
 ┃ ┗ 📜style.css
 ┣ 📂components
 ┣ 📂composables
 ┣ 📂layouts
 ┃ ┗ 📜default.vue
 ┣ 📂pages
 ┃ ┣ 📜index.vue
 ┃ ┗ 📜prize.vue
 ┣ 📂services
 ┃ ┗ 📜api.js
 ┣ 📜App.vue
 ┣ 📜main.js
 ┗ 📜router.js
┣ 📜.env.exemple
┣ 📜.eslintrc
┣ 📜.eslintrc-auto-import.json
┣ 📜.gitignore
┣ 📜index.html
┣ 📜package.json
┣ 📜pnpm-lock.yaml
┣ 📜README.md
┣ 📜uno.config.js
┗ 📜vite.config.js

Deploy Status