Rewrite of The Original App From Scratch in React Native

Rewrite of The Original App From Scratch in React Native

Rewrite of the original app from scratch in React Native. The goal of this rewrite is to make a more modular application that can be updated easier. The original app written in Flutter had various bugs relating to asynchronous function calls, reactive component layouts, and lacked a modular design with much repetitive code. After learning ReactJS, this project was started to learn React Native.

ACNH Pocket Guide (React Native)

Rewrite of the original app from scratch in React Native. The goal of this rewrite is to make a more modular application that can be updated easier. The original app written in Flutter had various bugs relating to asynchronous function calls, reactive component layouts, and lacked a modular design with much repetitive code. After learning ReactJS, this project was started to learn React Native.

Release

https://play.google.com/store/apps/details?id=com.acnh.pocket_guide

Install Application Locally

This application uses Expo. Install expo. Navigate into the animal_crossing_app folder (using cd .\animal_crossing_app\) repositories root location. Then install dependencies using npm install. After installing packages use npm start or expo start. Open the Expo development application on android device and connect through the localhost on the local network.

Technical Features

  • Components for modular programming
  • Read and save information
  • Read information from JSON database efficiently
  • Easily change attributes of data to displayed due to modular component arguments
  • Optimization of lists views and database access
  • Classes and functions to allow for modular programming page design
  • UI planning done all in Adobe XD, see UI assets/ folder
  • Responsive design and layout for different screen zoom levels (set in the operating system's settings)
  • Loads databases before application run
  • Automatically pre-generate filter definitions with developer setting based on data
  • Read and store user information and data from app storage
  • Filter definitions and filter definition generation during run time or read from pregenerated data (for efficiency)

Features

  • Dark mode
  • Modern and polished interface and design
  • Unique animations
  • Upcoming events list + Villager birthdays and Store Hours + Profile
  • Real vs Fake art
  • Recipes and ingredients lists
  • DIY recipe sources
  • Active creatures list
  • Creature tracking + fish shadows
  • Museum collection tracking and art guide
  • Villager information
  • Furniture, Clothing, Flooring, Wallpaper collections
  • Slider song collection
  • Emoticon collection
  • Construction tasks and costs
  • Flower hybrids guide
  • Everything page
  • Filters
  • Search
  • 24 hour time, haptics settings

Screenshots

Can be seen here: https://play.google.com/store/apps/details?id=com.acnh.pocket_guide or below

Screenshot 1 Screenshot 2 Screenshot 3
Screenshot 4 Screenshot 5 Screenshot 6
Screenshot 7 Screenshot 8 Screenshot 9

Download Details:

Author: jameskokoska

Source Code: https://github.com/jameskokoska/AnimalCrossingNH-App-React

react-native react mobile-apps

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

React Native Mobile App Development

Skenix is providing React Native Development Services with qualified React Native App Developers. Get the best React Native App Development Services.

How React Native Is Shaping Mobile App Development

Are you a mobile app developer looking for more efficient tools for your projects? Mobile app development is getting tougher and tougher as the market continues to grow. As a developer, you need to develop Apps which meet the demands of your users. To achieve this, adopt the right tools, like the React Native development framework.

Top React Native Mobile App Development Companies in USA

Looking for top React Native mobile app development company in USA for Startups & Enterprise? Find out the top list of React Native mobile app development company in USA.

Which is the best React Native app development company in New York?

Hire top react native app development company in New York to build and develop custom react native mobile apps for Android & iOS with the latest features.