Skip to content

README.md

Latest commit

 

History

History
57 lines (45 loc) · 1.63 KB

README.md

File metadata and controls

57 lines (45 loc) · 1.63 KB

Activities Dashboard

A responsive dashboard for managing activities and events, with functionality to add, delete, search, and filter entries.

Features

  • View all activities in a card-based layout
  • Add new activities via a modal form
  • Edit existing activities inline
  • Delete activities with a confirmation dialog
  • Real-time search across activity names
  • Filter activities by category
  • Detail view for individual activities

Tech Stack

React Chakra UI React Router Vite

  • React 18 with React Router for navigation
  • Chakra UI with Emotion for styling
  • React Hook Form for form validation
  • Framer Motion for smooth transitions
  • Vite for development and builds

Getting Started

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

Project Structure

src/
├── components/
│   ├── EditEventForm.jsx
│   ├── Navigation.jsx
│   ├── NewEventForm.jsx
│   ├── Root.jsx
│   └── ui/              # Reusable UI components
├── context/
│   └── EventsDataContext.jsx
├── pages/
│   ├── EventPage.jsx
│   └── EventsPage.jsx
└── utils/               # Data helpers (CRUD, search)