Git Product home page Git Product logo

nsengiyunva / ekommerce Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 0.0 1.9 MB

The e commerce mobile app

JavaScript 22.63% Python 21.01% Java 14.32% Objective-C 42.05%
react react-native react-redux redux-saga rest-api atomic-design styled-components jest enzyme-testing component-architecture redux javascript android android-development ios-app hybrid-apps cross-platform mongodb express jwt-authentication

ekommerce's Introduction

๐Ÿ“ฑ EKommerce React Native App

An Android and iOS mobile app for the ecommerce application

Getting started

Please following the instructions below in order to get the application up and running. currently the app is running safely on the android platform and we intend to run the iOS once we can do so. First before setup clone the repository by running the command below.

$ git clone https://github.com/Nsengiyunva/EKommerce.git

  1. Install an Android emulator.
    You can install Android studio from Here plus instructions on how to run the studio. In case the emulator does not work out, you can use a physical device.
  • connect your phone over usb cable
  • Go to settings and enable developer options. instructions Here
  1. Install dependencies.
  • For those using npm, run
    $ npm install

  • For those using yarn, run
    $ yarn install

  1. Run the application.
    Since at the moment we can only run for Android platform run the command below specific to only the Android platform.
    $ react-native run-android

Solutions to known issues:

  • Make sure you have given permissions to the android/.gradlew file, to do this on linux run
    sudo chmod u=rwx android/gradlew or sudo chmod rwx-rwx-rwx android/.gradlew
    for windows users right click the gradlew file in the android folder and give the users permissions to read, write and execute the file.

  • Make sure your emulator is running and is being recognised. To check if the device is connected properly and recognised, run the following command in the terminal
    adb devices
    This will list all devices whether virtual or physically connected to your device.

  • Make sure that you have enabled developer priviledges by enabling usb debugging for those debugging on physical devices. The instructions for setting up developer proviledges on android devices can be found Here

These are the current contributors

  1. @rajanmagar
  2. @Nsengiyunva

ekommerce's People

Contributors

nsengiyunva avatar

Stargazers

 avatar

Watchers

 avatar  avatar

ekommerce's Issues

Create login page

  • add username and password fields for the login
  • add button for login
  • add the forgot password link

Create the shop screen

  1. Create the shop screen as seen in the screenshot below.
  2. Find some corresponding images for the dresses, bags, and watches

shop_screen

Create the search screen page

  1. create the search screen page as shown in the screenshot
  2. For now, leave out the search functionality, we will add this when the API is ready to be mapped to the app.

search

Create home screen for the app

  • create top navbar as in the sketch
  • create tabbed navbar
  • create the search field
  • create the product item containers for the product categories

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.