The Event Management System is a web application that allows users to create, manage, and view events. This project is built using React and React Router v6.4 to handle the navigation and routing between different pages. A JSON server is used to simulate a backend and handle data storage and retrieval.
- Home Page: View a list of upcoming events.
- Event Detail Pages: Access detailed information about each event.
- Dashboard: A protected area for authenticated users to manage events, including creating, editing, and deleting events.
- React: Front-end library for building user interfaces.
- React Router v6.4: For handling navigation and routing.
- JSON Server: To simulate a backend server for storing event data.
- Node.js (v14 or higher)
- npm or yarn package manager
git clone https://github.com/Njoxpy/Event-Management-System
cd event-management-systemnpm install- To simulate a backend server, we use JSON Server. The server should run on port 3003.
npm install -g json-servernpx json-server --watch data/event.json --port 3003- In a separate terminal window, start the React development server:
npm run dev- Open your browser and navigate to http://localhost:5173 to see the application in action.
- Home Page: Lists all upcoming events. Click on an event to view more details.
- Event Detail Page: Provides comprehensive information about a selected event.
- Dashboard: Accessible via the navigation menu. Allows authenticated users to manage events. Ensure you are authenticated to access this section.
- Contributions are welcome! Please fork the repository and create a pull request with your changes.
- Thanks to the developers of React and React Router for their excellent libraries.
- Thanks to the JSON Server team for providing a simple way to create mock APIs.
- Special thanks to The Net Ninja YouTube channel for their helpful tutorials and resources.