https://github.com/theihasan/event-management-frontend

https://github.com/theihasan/event-management-frontend

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/theihasan/event-management-frontend
• Owner: theihasan
• Created: 2024-07-07T10:58:24.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-07-07T13:59:34.000Z (6 months ago)
• Last Synced: 2024-07-07T15:08:33.732Z (6 months ago)
• Language: HTML
• Size: 12.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
Event Management System Frontend


Welcome to the Event Management System! This project is a web application that allows users to manage events. Users can view, add, update, and delete events. The system also supports user authentication and authorization.


Features



    
User authentication (login/logout)

    
Create, view, update, and delete events

    
Responsive design using Tailwind CSS

    
Real-time updates and notifications



Project Setup

Follow these instructions to set up the project locally.


1. Clone the Repository

git clone https://github.com/theihasan/event-management-frontend.git


2. Install Dependencies

Navigate to the project directory and install the necessary dependencies:

cd event-management-frontend

npm install

npm install -g http-server

http-server



3. Set Up Environment Variables

Setup API base url in register.js,login.js and events.js

BASE_URL=http://localhost:8000/api



Usage

Once the server is running, navigate to http://localhost:3000 in your browser.


Authentication

Users can log in to access the event management features. If not authenticated, users will be redirected to the login page.


Adding Events

Click the "Add New Event" button to open a form where you can input event details. The new event will be added to the list and saved in the database.


Updating Events

To update an existing event, click on the edit button next to the event. Make the necessary changes and save.


Deleting Events

Events can be deleted by clicking the delete button next to the event. Confirm the deletion when prompted.