https://github.com/flagrede/zelda-botw-starter

Template for reproducing the Zelda BOTW inventory interface
https://github.com/flagrede/zelda-botw-starter

Last synced: over 1 year ago
JSON representation

Template for reproducing the Zelda BOTW inventory interface

• Host: GitHub
• URL: https://github.com/flagrede/zelda-botw-starter
• Owner: flagrede
• Created: 2020-06-14T09:03:49.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2022-06-17T08:44:40.000Z (about 4 years ago)
• Last Synced: 2023-03-11T14:34:25.090Z (over 3 years ago)
• Language: TypeScript
• Size: 568 KB
• Stars: 84
• Watchers: 5
• Forks: 17
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Zelda BOTW starter

![Zelda BOTW demo](https://user-images.githubusercontent.com/530644/84588444-c3ca6400-ae27-11ea-827d-444ea4f9f4f2.png)

## Complete demo

https://www.gameuionweb.com/zelda-botw

## Articles links:

- [Part 1](https://dev.to/flagrede/how-to-replicate-the-zelda-botw-interface-with-react-tailwind-and-framer-motion-part-1-298g)

- [Part 2](https://dev.to/flagrede/how-to-replicate-the-zelda-botw-interface-with-react-tailwind-and-framer-motion-part-2-3nd4)

- [Part 3](https://dev.to/flagrede/how-to-replicate-the-zelda-botw-interface-with-react-tailwind-and-framer-motion-part-3-3949)

## Stack

- React

- Tailwind

- Framer-motion (beta)

**Useful links for Tailwind**:

- [Cheatsheet](https://nerdcave.com/tailwind-cheat-sheet)

- [VS Auto completion plugin](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)

- [Intellij Auto completion plugin](https://plugins.jetbrains.com/plugin/12074-tailwindcss)

## Credits

- Items Data: [Zelda Gamepedia](https://zelda.gamepedia.com/Main_Page)

- Font: [Reddit user /75thTrombone](https://www.reddit.com/user/75thTrombone/)