Skip to content

zidniryi/shopeApp

Repository files navigation

Welcome to the shopeApp

Shope app is a native react project for an online store

How To Running

Backend

  • cd backend
  • npm i
  • npm start
  • follow the instructions in terminal it was clearly

Setup API on Mobile Client

  • Make sure you are in the root folder
  • open file in services/api.js
  • change with your IP Address

Mobile Android

  • Make sure you are in the root folder
  • npm i
  • npx react-native run-android or react-native run-android

Mobile iOS

  • Make sure you are in the root folder
  • npm i
  • cd ios
  • pod install
  • cd ..
  • npx react-native run-ios or react-native run-ios

Components Used

  • Stateless component
  • Pure component
  • Component classes

Features

Main Features

  1. Products are displayed in a grid.
  2. Sort products by “size”, “price” or “id”
  3. Automatically load more items
  4. Display an animated “loading…” message while the user waits for the data to load.
  5. Show the message “~ end of catalogue ~” when products is empty.
  6. After every 20 products, we need to insert a random advertisement.
  7. Prices formatted as dollars like .51.
  8. displayed in relative time (eg. “3 days ago”) unless they are older than 1 week, in which case the full date should be displayed.
  9. Font are displayed by the size in detail

Additional Features

  1. Generate Auto Color
  2. Product Details
  3. Profile Github API
  4. The Navigation Bar tab

Demo Android

https://raw.githubusercontent.com/zidniryi/shopeApp/master/demo/a1.png

https://raw.githubusercontent.com/zidniryi/shopeApp/master/demo/a2.png

https://raw.githubusercontent.com/zidniryi/shopeApp/master/demo/a3.png

https://raw.githubusercontent.com/zidniryi/shopeApp/master/demo/a4.png

Demo iOS

https://raw.githubusercontent.com/zidniryi/shopeApp/master/demo/i1.png

https://raw.githubusercontent.com/zidniryi/shopeApp/master/demo/i2.png

https://raw.githubusercontent.com/zidniryi/shopeApp/master/demo/i3.png

https://raw.githubusercontent.com/zidniryi/shopeApp/master/demo/i4.png