https://github.com/liciacodes/customer-and-order-dashboard

This is a responsive customer and orders dashboard project built with Nextjs, chartjs and TailwindCSS
https://github.com/liciacodes/customer-and-order-dashboard

html5 jsx nextjs tailwindcss

Last synced: 30 days ago
JSON representation

This is a responsive customer and orders dashboard project built with Nextjs, chartjs and TailwindCSS

• Host: GitHub
• URL: https://github.com/liciacodes/customer-and-order-dashboard
• Owner: Liciacodes
• Created: 2023-11-06T10:51:01.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-08-19T10:54:47.000Z (6 months ago)
• Last Synced: 2024-11-14T18:47:17.608Z (3 months ago)
• Topics: html5, jsx, nextjs, tailwindcss
• Language: JavaScript
• Homepage: https://sample-dashboard-eta.vercel.app
• Size: 61.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Description: This is a responsive Customers and Order dashboard project built with Nextjs, chartjs and TailwindCSS. Data is fetched dynamically and displayed on the charts.

Tech Stack: Html, Css, Javascript, TailwindCss, React Charts.

Designs: 

Dashboard Page:

![customer-order-dashboard](https://github.com/Liciacodes/Customer-and-Order-Dashboard/assets/43540999/223fae7a-9dba-4352-9d12-46147f984089)

Customer's Page: 

![customer's-page](https://github.com/Liciacodes/Customer-and-Order-Dashboard/assets/43540999/aeada0b6-2abe-491c-8fb3-eaf68caa9470)

Order Page: 

![order-page](https://github.com/Liciacodes/Customer-and-Order-Dashboard/assets/43540999/e4cf2e80-ba5b-47ff-a0ff-0b956bd5511a)

What I have learnt from this project:

1. Building reusable components in React/Nextjs.

2. Converting design to code.

3. Fetching and displaying dynamic data.

4. Using React Icons and Charts.

5. Conditionally rendering Components.

6. Routing in Next js.