📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Prerequisites
  • Setup
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ (OPTIONAL)
• 📝 License

📖 Dashboard

Task is to create an offline first responsive dashboard with ReactJs that will have two sidebar menu

1. Dashboard
2. Add Contact

The Add Contact page should have a form with the following fields.

1. Name
2. Phone Number
3. Email
4. Addresses
5. Longitude
6. Latitude

Add Contact Constraints

1. All fields should be required
2. The phone number field should have a phone number validation
3. The email field should have an email validation
4. The addresses can be more than 1 but not more than 5
5. I should be able to add a new address or remove an existing address
6. The longitude and latitude should not be editable

The dashboard page have two sections, table view and map view The table view should have a table with the following columns.

1. Name
2. Phone Number
3. Email
4. Address
5. Longitude
6. Latitude

The address field should show a random address out of the addresses registered for the contact. The map view should show the contacts registered on a map using the captured longitude and latitude

🛠 Built With

Tech Stack

The project was built using the following languages stacks:

1. ReactJs
2. Tailwind CSS

Client

• React.js

Key Features

• Two sidebar menu Dashboard Add Contact
• The dashboard page have two sections, table view and map view
• Table view shows new registered contact
• Map view shows the contacts registered on a map using the captured longitude and latitude

(back to top)

🚀 Live Demo

• Live Demo Link

(back to top)

💻 Getting Started

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

Prerequisites

In order to run this project you need:

• Node.js
• NPM

Setup

Clone this repository to your desired folder:

git clone https://github.com/Thermiee/Dashboard.git 

Install

Install this project with:

  npm install

Usage

To run the project, execute the following command:

  npm start

Run tests

To run tests, run the following command:

  npm test

Deployment

You can deploy this project using:

  npm run build

(back to top)

👥 Author

👤 Author1

• GitHub: Thermiee
• LinkedIn: Emmanuel Jolugbo

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

📝 License

This project is MIT licensed.

NOTE: we recommend using the MIT license - you can set it up quickly by using templates available on GitHub. You can also use any other license if you wish.

(back to top)