Shop App

Type: Mobile

Tools used: React, React Native, Javascript, Firebase

Github: https://github.com/Shadow3197/ShopApp

Requirements:

  • A screen to register and login users.
  • An overiew screen that shows all products in a card.
  • Ability to add items to a cart.
  • A detail screen to show information of product.
  • A screen to add items to the app.
  • Ability to buy and show purcashed items.

Project Overview

Shop app is a mobile app that gives users the ability to buy, sell and explore products.

Approach

Planning the app I would need a database where user, items, and order information could be stored. As Firebase is a free database, I chose to use that.  My first step was to create a products overview screen to display all products available. As a next step, I created the application navigator using the react-navigation library to quickly create a drawer for going around the app. Next in the product overview screen, it would display product details based on the information I put in the database. In addition, after the add-to-cart button is added, clicking it would trigger the item to be associated with the user’s ID and placed in the database. Afterward, I started on the cart screen where the user’s cart items were displayed and could be ordered. Next, I added the delete button to remove the items from the cart that are then removed from the database. Next through the user profile screen, I added input fields that will then send the items data to the database that which will be displayed to all users on the overview screen.