Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/abhishekmali21/leave-app-client


https://github.com/abhishekmali21/leave-app-client

Last synced: 3 days ago
JSON representation

Awesome Lists containing this project

README

        

# Leave App Client - React Application

Welcome to the Leave App Client repository! This React application is designed to manage employee leave requests, providing a user-friendly interface for submitting and viewing leave details.

## Table of Contents

- [Introduction](#introduction)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Usage](#usage)
- [Features](#features)
- [Technologies Used](#technologies-used)

## Introduction

The Leave App Client is a frontend application that complements the Leave App Server. It offers an interactive way for employees to submit leave requests and view their leave history. The application is built using React and leverages modern web technologies to provide a seamless experience.

## Getting Started

### Prerequisites

Before you begin, ensure you have the following installed:

- Node.js (https://nodejs.org/)
- npm (included with Node.js)

### Installation

1. **Clone the Repository:**

```bash
git clone https://github.com/AbhishekMali21/LEAVE-APP-CLIENT.git
cd leave-app-client
```

2. **Install Dependencies:**

```bash
npm install
```

## Usage

1. **Run the Development Server:**

```bash
npm start
```

This will start the development server and open the application in your default web browser at `http://localhost:3000`.

2. **Submit Leave Requests:**

Use the Leave Details Form to submit leave requests. Select the employee, choose the leave type, provide start and end dates, and a reason for the leave.

3. **View Leave History:**

The Leave List component displays the leave history for the selected employee.

## Features

- User-friendly interface for leave request submission.
- Leave history display for individual employees.
- Stylish and responsive design using styled components.

## Technologies Used

- React (https://reactjs.org/)
- styled-components (https://styled-components.com/)
- axios (https://axios-http.com/)