/Shinobi-Info-Cards

A small frontend React application build by the inspiration of Naruto (Anime).

Primary LanguageTypeScript

NINSHIKI KADO/ NINJA INFO CARDS/ 忍識札

The user of this application can search for a particular shinobi and get to know information like his/her:

  • Rank
  • clan
  • Special Jitsu

Image of kabuto

Deployed Project:

NINJA INFO CARDS

What are Ninja info cards?

Ninja Info Cards are a type of ninja tool where information can be burned on it by using chakra.Basically it contains all the information about a shinobi.

Description

Now setting apart the fictional inspiration of my project i just wanted to make a small frontend application that serves the similar purpose. 🤪

Things I learned from this Project ☺️

Learning outcomes:

  • React Basics:
  • Simple Animations
  • Typescript in react Application
  • Creating small dataset
  • Using a locally available typescript data
  • Deployment of React App

Overview of the project

welcome

On searching for Sasuke

serching

On selecting a Shinobi(INO) to view their details

selecting

Special Thanks

  • Naruto Fandom for providing all the information and images.
  • @The Lean Programmer for the amazing React.JS tutorial🤩 from whom I learnt to make this project.

Personally I enjoyed making this peoject as it incorporates both my recent obsession(Naruto 💥) and learning(React Application 🤓) together