Event-VitE Admin Dashboard is a web application that allows administrators to manage events. Admins can create, update, and delete events through the user-friendly dashboard.
Find the backend link: https://github.com/Ken-Musau/EventVite-server
- Create new events with title, description, date, time, and venue.
- View a list of all events and select a specific event to view its details.
- Update event details such as title, description, date, time, and venue.
- Delete events from the dashboard.
- Responsive design for a seamless user experience on different devices.
- React: A JavaScript library for building user interfaces.
- React Router: For handling client-side routing in the application.
- Tailwind CSS: A utility-first CSS framework for styling the application.
- PostgreSQL: A powerful open-source relational database management system.
- Clone the repository to your local machine.
- Navigate to the project directory and install dependencies by running:
npm install
- Create a PostgreSQL database for the application.
- Rename the
.env.example
file to.env
and fill in your PostgreSQL database credentials.
- Start the server by running:
npm run server
- In a separate terminal, start the React development server:
npm start
- Access the application in your web browser at
http://localhost:3000
.
-
Login: Upon accessing the application, you will be redirected to the login page. Enter your credentials to log in as an administrator.
-
Dashboard: After logging in, you will land on the Admin Dashboard. Here, you can see a list of events.
-
Create Event: To create a new event, click on the "Create Events" button. A modal will appear, allowing you to input the event details. Click "Create" to save the new event.
-
View Event Details: Click on any event in the list to view its details. Here, you can update the event information or delete the event using the provided options.
-
Update Event: To update an event's details, click the "Update" button on the event details page. Make the necessary changes and click "Save" to update the event.
-
Delete Event: To delete an event, click the "Delete" button on the event details page. Confirm the action, and the event will be permanently deleted.
-
Logout: To log out of the application, click the "LogOut" link in the header.
This project was created by Kennedy Musau