Git Product home page Git Product logo

rizalyoga / anime-war Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 5.68 MB

Sebuah website yang bertemakan game pertarungan antar karakter Anime seperti Dragonball, Naruto & Doraemon. Awal login akan memakan waktu setidaknya 30 detik, dikarenakan sisi backend dideploy di heroku | Link : https://anime-war-rizalyoga.vercel.app/

Home Page: https://anime-war-rizalyoga.vercel.app

JavaScript 1.27% CSS 22.05% SCSS 1.02% TypeScript 75.67%
html-css-javascript nextjs reactjs jscookie react-paginate react-share sweetalert2 csr isr ssr

anime-war's Introduction

Logo

ANIME WAR

ANIME WAR is a website with the theme of fighting games between Anime characters such as Dragonball, Naruto & Doraemon. Note : when logging in for the first time, it will take about 30 seconds. this is because deploy backend using heroku

✨ Demo

Here is a working live demo : https://anime-war-rizalyoga.vercel.app/

🎥 Video Demo

anime-wars-demo.mp4

🖼️ Pages

Homepage

Logo

Battle

Logo

Skills page

Logo

🔮 Features

  • Register & login account
  • Select character
  • Create gametag
  • See character skills
  • Select battle arena
  • Select villain
  • Fight with chosen villain
  • Share the results of the fight to several social media
  • See your ranking on the leaderboard
  • reset game
  • logout account

🧰 Run in locale

To clone and run this website, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/rizalyoga/anime-war.git

# Go into the repository
$ cd anime-war

# Install dependencies
$ npm install

# Run the app
$ npm run dev

⛏️ Built with

  • Next JS - Next.js is an open-source web development framework built on top of Node.js enabling React-based web applications functionalities such as server-side rendering and generating static websites.

  • Vercel - Vercel is the best place to deploy any frontend app. Start by deploying with zero configuration to our global edge network. Scale dynamically to millions of pages without breaking a sweat.

👤 Authors

anime-war's People

Contributors

rizalyoga avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.