KanmaChizea/Stockline

Stockline

Description

Coding test assessment for Loger Limited

Table of Contents

• Installation
• Usage
• Technologies Used
• Coding Practices
• Testing

Installation

To set up the project locally, follow these steps:

1. Clone the repository: git clone https://github.com/KanmaChizea/Stockline.git
2. Navigate to the project directory: cd Stocklime
3. Install dependencies: npm install or yarn install

Usage

Once installed, follow these steps to run the project:

Step 1: Start the Metro Server

To start Metro, run the following command from the root of the project:

# using npm
npm start

# OR using Yarn
yarn start

Step 2: Start your Application

Let Metro Bundler run in its own terminal. Open a new terminal from the root of your React Native project. Run the following command to start your Android or iOS app:

For Android

# using npm
npm run android

# OR using Yarn
yarn android

For iOS

# using npm
npm run ios

# OR using Yarn
yarn ios

Try The App on Appetize.io

Technologies Used

• React Native
• TypeScript
• React Redux
• Redux Persist

Coding Practices

In this project, I've adopted several coding practices to enhance maintainability and reusability:

• Separation of Logic and UI: Each screen is associated with a view model, ensuring a clear separation of concerns between UI rendering and business logic.

• Reusable Components: Created reusable components such as buttons, input fields, dropdowns, modals, and list tiles, facilitating consistent UI across the app.

• Custom Hooks for Simplified Functionality: Implemented custom hooks to streamline certain functionalities, such as a form handling hook and a modal management hook. These hooks simplify complex operations and promote code reuse.

Testing

To run tests for the project, use the following command:

npm test