Case File No. 04

Product display mobile app

Display various products using Fakestore open api.

2026
Product display mobile app

Mission Overview

My first React-Native CLI project. I learnt file routing, api calls, state management in React Native through this project.

Key Features

Product display and filtering

Scrolling view of products and filtering them on basis of their category.

Add to cart/favorite functionalities

Products you like can be added to cart/favorite

Challenges & Solutions

Project setup

I was unable to get the exact command of how to initiate the product, once I got it took me few hours to understand project structure and existing files. It kinda gave a feel of flutter

Solution: The only solution for this was going through different youtube tutorial videos. Due to expo making things easier for app development in javascript environment, the usage of CLI is less.

Running the localhost version and getting a mobile preview

Once understanding the structure it was time to code, but while developing UI it is important to see what you are developing, on expo just run npm start and boom the app opens, but in CLI the case is different, you have to first connect your device to your system, build the app and then run. You can use device emulator using android studio, but you should have high spec system to do so.

Solution: The only solution for this was going through different youtube tutorial videos. Due to expo making things easier for app development in javascript environment, the usage of CLI is less.

Arsenal Used

React Native CLIFakeStore API

Operation Details

Year:2026
Status:Live
Type:Ecommerce