React Native app which simulates an e-commerce shopping app

ShoppingApp

This is a cross-platform mobile application created with React Native as part of the React Native course on Udemy by Academind. This app is the main part of the course, so I thought it would be a good example of my current knowledge with React Native and Redux, since I am currently working through the course and the commits will reflect my progress. My modification to the app is to implement TypeScript for type safety, which has been on my “To Do” list of things to learn for a while.

Features

Users can view a listing of products which they may view details for or add to their shopping cart.

Screenshot of products overview screen

Users can view product details for each product.

Screenshot of products detail screen

Users can view their shopping cart to see what products have been added to their cart.

Screenshot of cart screen

Users can navigate between the Products, Orders, and Admin views with a drawer navigator.

Screenshot of drawer navigator

Users can view a list of orders that have been placed in the app.

Screenshot of orders screen

Users can view the admin products screen where they can delete products, and if deleted products are in the cart, the cart is updated.

Screenshot of admin products screen

Built With

  • React Native
  • React Redux
  • JavaScript
  • TypeScript

Authors

Tim Thompson

Acknowledgments

Made possible by React Native - The Practical Guide [2020 Edition] course on Udemy by Academind by Maximilian Schwarzmüller

Download Details:

Author: tim-thompsonco

Source Code: https://github.com/tim-thompsonco/ShoppingApp

#react-native #react #mobile-apps

React Native app which simulates an e-commerce shopping app
5.80 GEEK