All Projects → uzair-ashraf → Genshin Impact Wish Simulator

uzair-ashraf / Genshin Impact Wish Simulator

A React web application to simulate Genshin Impact gacha in the browser

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Genshin Impact Wish Simulator

Dtd Finder
List DTDs and generate XXE payloads using those local DTDs.
Stars: ✭ 350 (+0.29%)
Mutual labels:  hacktoberfest
Github Activity Readme
Updates README with the recent GitHub activity of a user
Stars: ✭ 354 (+1.43%)
Mutual labels:  hacktoberfest
Zh Style Guide
An open-source style guide for writing Chinese technical documents: https://zh-style-guide.readthedocs.io
Stars: ✭ 353 (+1.15%)
Mutual labels:  hacktoberfest
Askql
AskQL is a query language that can express any data request
Stars: ✭ 352 (+0.86%)
Mutual labels:  hacktoberfest
Devops Guide
DevOps Guide - Development to Production all configurations with basic notes to debug efficiently.
Stars: ✭ 4,119 (+1080.23%)
Mutual labels:  hacktoberfest
Rotten Scripts
Scripts that will make you go WOW 😍💻
Stars: ✭ 344 (-1.43%)
Mutual labels:  hacktoberfest
Baystation12
The code for Baystation12's branch of SS13
Stars: ✭ 350 (+0.29%)
Mutual labels:  hacktoberfest
Cht Core
The CHT Core Framework makes it faster to build responsive, offline-first digital health apps that equip health workers to provide better care in their communities. It is a central resource of the Community Health Toolkit.
Stars: ✭ 354 (+1.43%)
Mutual labels:  hacktoberfest
Meteor Autocomplete
Client/server autocompletion designed for Meteor's collections and reactivity.
Stars: ✭ 352 (+0.86%)
Mutual labels:  hacktoberfest
Open Sauced
🍕 This is a project to identify your next open source contribution.
Stars: ✭ 352 (+0.86%)
Mutual labels:  hacktoberfest
Zwave2mqtt
Fully configurable Zwave to MQTT gateway and Control Panel using NodeJS and Vue
Stars: ✭ 352 (+0.86%)
Mutual labels:  hacktoberfest
Loopback Next
LoopBack makes it easy to build modern API applications that require complex integrations.
Stars: ✭ 3,972 (+1038.11%)
Mutual labels:  hacktoberfest
Node Html To Image
A Node.js module that generates images from HTML
Stars: ✭ 351 (+0.57%)
Mutual labels:  hacktoberfest
Sharpen
Visual Studio extension that intelligently introduces new C# features into your existing codebase
Stars: ✭ 351 (+0.57%)
Mutual labels:  hacktoberfest
Buildalyzer
A utility to perform design-time builds of .NET projects without having to think too hard about it.
Stars: ✭ 354 (+1.43%)
Mutual labels:  hacktoberfest
Core.js
Extendable client for GitHub's REST & GraphQL APIs
Stars: ✭ 344 (-1.43%)
Mutual labels:  hacktoberfest
Animatify Ios
Animation, Effects & Transitions for iOS
Stars: ✭ 350 (+0.29%)
Mutual labels:  hacktoberfest
Sfml.net
Official binding of SFML for .Net languages
Stars: ✭ 354 (+1.43%)
Mutual labels:  hacktoberfest
Freedomotic
Open IoT Framework
Stars: ✭ 354 (+1.43%)
Mutual labels:  hacktoberfest
Awesome First Timers
Place to contribute if you are a first timer
Stars: ✭ 353 (+1.15%)
Mutual labels:  hacktoberfest

Genshin Impact Wish Simulator

A React web application to simulate Genshin Impact gacha in the browser

Disclaimer

This Genshin Impact Wish Simulator was only created for fun and absolutely no monetary gain.

I am someone who enjoys playing Genshin Impact and enjoys building applications for fun. I am not affiliated with Mihoyo, all assets in this application were taken from third party websites and some screenshotted from the game itself.

If you are someone from Mihoyo and would like the website taken down please email me here and I shall do so.

Pls don't get me in trouble this was just for fun T_T

All product names, logos, and brands are property of their respective owners in the United States and/or other countries.

Special Thanks

Thank you to all the supporters on Reddit, everyone's kind words mean a lot and the feedback has been awesome.

Thank you to lauslim12 and elebitzero, your guy's contributions have been an amazing help.

Thanks to the following redditors who sent me their 5 Star animation videos.

  • /u/ShiroYashaa
  • /u/a_truly_masterpiece

Technologies Used

  • React
  • Webpack
  • Babel
  • Bootstrap 4
  • Mocha
  • Chai
  • Cypress

Live

Try the application live at https://gi-wish-simulator.uzairashraf.dev/

Preview

  • Banners

  • Details

  • Wish

  • Inventory

Features

  • User can wish
  • User can view banners
  • User can switch banners
  • User can preserve the banner they wished for
  • User can view inventory
  • User can reset inventory
  • User can filter between characters, weapons, and ratings in inventory
  • User can see estimated money spent in USD
  • User can see wish animation before seeing pulls
  • User can see both 4 and 5 star animation for pulls
  • User can skip animation
  • User's inventory and attempts persists in local storage
  • User won't sue me (pls)

Development

System Requirements

  • NPM 6 or higher
  • Node 10 or higher

Getting Started

  1. Clone the repository.

    git clone https://github.com/uzair-ashraf/genshin-impact-wish-simulator.git
    cd genshin-impact-wish-simulator
    
  2. Install all dependencies with NPM.

    npm install
    
  3. Confirm application is working appropriately

    npm run test
    

    For some operating systems using wsl may not be able to run the full test script and may need to run them individually. If that is the case run the following commands below.

    Development server

    npm start
    

    Unit tests

    npm run test:mocha
    

    Integration tests

    npm run cypress
    
  4. Run the webpack development server.

    npm start
    
  5. Once started you can view the application by opening http://localhost:3000 in your browser.

Testing

  1. Any banner added or modified will require additions to the unit and integration tests. Please check the test/ and cypress/ directories.

  2. Run tests

    npm run test
    

Contributing

I am welcome to all contributors! Please open an issue when a problem is found and feel free to open a pull request.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].