A modern, responsive event management web app built with React and Chakra UI.
- Browse, search, and filter events by category, creator, and date
- Add new events with a user-friendly modal form
- Manage event categories
- Responsive design for desktop and mobile
- Smooth navigation and quick search
- Clean, professional UI with Chakra UI components
- React (functional components, hooks, context)
- Chakra UI (component library and styling)
- React Router (routing)
- Clone the repository:
git clone https://github.com/yourusername/EventApp-up.git cd EventApp-up - Install dependencies:
npm install
- Start the development server:
npm run dev
- Open http://localhost:3000 in your browser.
src/components/— Reusable UI components (Navigation, Hero, EventCard, etc.)src/pages/— Main app pages (EventsPage, EventPage)src/context/— React context for global data (users, categories)public/events.json— Sample event data
This project is intended as a professional portfolio sample. All code is original and written with best practices in mind.