React Task App

A simple task app built with React that allows users to create tasks. This project was created to learn how to build a CI pipeline.

Features
Getting Started
CI Pipeline
Docker

Features

Create tasks
Simple and user-friendly interface

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

Node.js
npm or yarn

Installation

Clone the repo

git clone https://github.com/sivuyilemene/task-app.git

Install NPM packages
```
npm install
```

Running the App

  npm start

Open http://localhost:8080 to view it in the browser.

Other Commands

Test The code

   npm run test

CI Pipeline

The project uses a Continuous Integration (CI) pipeline with the following stages:

Pre-commit Checks

Pre-commit linting and formatting: Ensures code quality with ESLint and Prettier.
Unit Testing: Ensures code passes all test before commiting
Commit linting: Ensures commit messages follow a conventional format.

Source Stage

Branch protection rules: Enforces rules on the main branch so code can only be committed via pull requests.

Build Stage

Build and compile code: Ensures the code compiles correctly.
Run unit tests: Ensure code passes all unit tests
Check code coverage: ensure code passes code coverage of 80%

Test Stage

Run integration tests: Ensures the app works as expected end-to-end. (not implemented)

Release Stage

Builds Docker image: Packages the app into a Docker image.
Tags and pushes Docker image: Publishes the Docker image to Docker Hub and Amazon ECR.

Docker

To pull and run the Docker image locally, follow these steps:

Pull the Docker Image

docker pull sivuyilemene/task-app:latest

Run the Docker Container

docker run -p 8080:8080 docker.io/sivuyilemene/task-app:latest