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
- Clone the repo
git clone https://github.com/xgravellx/nested-card-app.git
- Install NPM packages
npm install
- Start
npm start