Nested Card App

Nested Card App

This project is a nested card application. Please make sure the Local Storage is cleared before using it.
View Demo

Technology and tools used in the project

- React
- Typescript
- Context API
- TailwindCSS
- Styled Components 
- Flowbite
- Immer
- Vercel

About The Project

Child Card is added for each Card created. The Total field on the card is equal to the sum of the input field on the card and the total fields of the child cards.

• Add Card
• Add Child Card
• Add New Card
• Total Area
• Card Update
• Card Delete
• When you update and delete the card, the total area does not change. 'UPDATE_CARD' and 'DELETE_CARD' should be updated.

Getting Started

You can clone the project by following the steps below.

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

• npm

  npm install npm@latest -g

Installation

1. Clone the repo

   git clone https://github.com/xgravellx/nested-card-app.git

2. Install NPM packages

   npm install

3. Start

   npm start