Skip to content

mdsinikdho12/Frontend-Dashboard-Development

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Frontend Dashboard

Donezo is a modern, responsive task management dashboard built with React (Vite). It features secure JWT authentication, protected routing, and dynamic data rendering via a REST API.


🖼️ Preview

Dashboard Preview


🔗 Links


✨ Features

  • 🔐 JWT Based Authentication: Secure login and session handling.
  • 🛡️ Protected Routes: Dashboard access restricted to authenticated users.
  • 💾 Persistent Login: Uses LocalStorage to keep users logged in.
  • 📊 Dynamic Data: Real-time data fetching from REST API.
  • 🎨 Dribbble Inspired UI: Pixel-perfect design with Tailwind CSS.
  • 📱 Fully Responsive: Optimized for mobile, tablet, and desktop.
  • Smooth UX: Hover effects and transitions for a premium feel.
  • 🔄 Axios Interceptors: Automated token handling for all API requests.

🛠️ Tech Stack

Category Technology Used
Frontend React (Vite)
Styling Tailwind CSS
Routing React Router DOM
API Client Axios
State Context API
Auth JWT
Charts Recharts
Icons Lucide React

📁 Project Structure

src/
├── components/      # Reusable UI components
├── context/         # AuthContext for global state
├── pages/           # Login & Dashboard pages
├── routes/          # PrivateRoute logic
├── services/        # API configuration & Auth services
├── App.jsx          # Main App component
└── main.jsx         # Entry point

About

The goal of this assignment is to develop a single-page React frontend application that implements a dashboard page, complete with a login system, based on provided design specifications and a working REST API.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors