gyan2501 / mini.App

Welcome to Mini App, a Contact Management and Dashboard Application. This app allows you to manage your contacts and visualize COVID-19 data through interactive charts and maps.

Mini App - Contact Management and Dashboard App

Welcome to Mini App, a Contact Management and Dashboard Application. This app allows you to manage your contacts and visualize COVID-19 data through interactive charts and maps.

Table of Contents

• Features
• Live Demo
• Getting Started
• Dependencies
• Technologies Used

Features

• Contact Management:

  • Add new contacts with details like full name, email, role, country, and mobile number.
  • Edit existing contacts.
  • Delete contacts from your list.
  • View contact details.

• Interactive Dashboard:

  • Visualize COVID-19 data using Line Charts.

Live Demo

You can try the live demo of Mini App here: Live Demo

Getting Started

To run the app locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/gyan2501/mini.App

2. Navigate to the project directory:

   cd mini.app

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

5. Open your browser and visit http://localhost:3000 to access the app.

Dependencies

Mini App uses the following libraries and frameworks:

• React: A JavaScript library for building user interfaces.
• Redux: A predictable state container for managing application state.
• React Router: A routing library for React applications.
• Chart.js: A JavaScript library for creating interactive charts.
• Axios: A promise-based HTTP client for making API requests.
• Tailwind CSS: A utility-first CSS framework for building modern web applications.

Technologies Used

• Language: TypeScript
• Framework: React
• State Management: Redux
• Routing: React Router
• Charting: Chart.js, react-chartjs-2
• Styling: Tailwind CSS
• HTTP Client: Axios