Tourism Dashboard

Overview

Tourism Dashboard is a comprehensive web application designed to manage and visualize tourism data for the Wilaya (province) administration. It provides an intuitive interface for monitoring various aspects of tourism activities, including accommodations, tourist spots, and transportation options.

Features

  • Dashboard Overview: Get a quick glance at key metrics and statistics.
  • Resident Management: Keep track of individual residents, hauberges.
  • Responsive Design: Fully responsive layout that works on desktop, tablet, and mobile devices.
  • Interactive Charts: Visualize data with interactive charts and graphs.
  • Employee Management: Manage employee records, track attendance, and handle payroll.

Tech Stack

  • Frontend: React.js with Next.js (App Router)
  • Styling: Tailwind CSS
  • UI Components: shadcn/ui
  • Charts: Recharts
  • Form Handling: React Hook Form with Zod validation
  • API Routes: Next.js API routes for backend functionality

Project Structure

tourism-dashboard/
├── app/
│   ├── api/
|   | 
│   ├── dashboard/
│   │   ├── blacklist/
│   │   ├── employants/
│   │   ├── hebregement/
│   │   └── reservation/
│   ├── layout.tsx
│   ├── page.tsx
│   └── not-found.tsx
├── components/
│   ├── ui/
├── public/
├── lib/
|   ├──Jotai.ts
├── next.config.js
├── package.json
├── README.md
└── tsconfig.json

Configuration

To configure the application for your specific needs:

  1. Update the next.config.js file for any Next.js specific configurations.
  2. Modify the .env. file (create if not present) for environment-specific variables.

Acknowledgements

If you have any questions or need help with the dashboard, please open an issue in the GitHub repository.