Skip to content

Edge-Explorer/Comic-Style-Using-React-Native

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

11 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Comic Style Using React Native πŸŽ¨πŸ“±

Comic Style Using React Native is a mobile application that brings the vibrant world of anime to your fingertips. Developed with React Native and TypeScript, this app showcases the iconic Dragon Ball Z anime with a dynamic comic-style interface, offering an immersive reading experience.


βš™οΈ Features

  • 🎨 Comic-Style Interface: Experience Dragon Ball Z in a unique comic book layout.
  • πŸ“± Mobile-Friendly: Optimized for smooth performance on mobile devices.
  • 🧠 Interactive Navigation: Seamless transitions between pages and scenes.
  • πŸ–ΌοΈ High-Quality Graphics: Vivid images that capture the essence of the anime.

🧠 Tech Stack

  • Frontend: React Native, TypeScript
  • Navigation: React Navigation
  • State Management: React Context API
  • Styling: Styled Components([GitHub][1], [Medium][2], [GitHub][3])

πŸ“ Modules

  • App.tsx: Main application entry point.
  • Anime.tsx: Displays the anime scenes in comic style.
  • FancyCards.tsx: Showcases character cards with detailed information.
  • FrontPage.tsx: Landing page with navigation options.
  • Linking.tsx: Handles deep linking and navigation.([CodePen][4], [GitHub][5])

πŸ§ͺ Input

  • User Interactions: Tap and swipe gestures for navigation.
  • Data: Static JSON files containing anime scene information.

πŸš€ Goal

To provide an engaging and visually appealing mobile experience that brings the Dragon Ball Z anime to life in a comic book format, allowing fans to relive their favorite moments in a new and interactive way.

About

Created a Frontend page of the popular anime DragonBallZ with the comic effect

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published