Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/heetika22/event-management-app
Built a full-stack application using React, Express, and MongoDB for managing events. Features include user authentication, event creation, browsing events, and user registration for events. Implemented dynamic event visibility for authenticated and non-authenticated users, enhancing user experience and security.
https://github.com/heetika22/event-management-app
express mongodb reactjs
Last synced: 12 days ago
JSON representation
Built a full-stack application using React, Express, and MongoDB for managing events. Features include user authentication, event creation, browsing events, and user registration for events. Implemented dynamic event visibility for authenticated and non-authenticated users, enhancing user experience and security.
- Host: GitHub
- URL: https://github.com/heetika22/event-management-app
- Owner: Heetika22
- Created: 2024-07-16T15:39:26.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-19T10:40:49.000Z (6 months ago)
- Last Synced: 2024-11-05T21:05:14.894Z (about 2 months ago)
- Topics: express, mongodb, reactjs
- Language: JavaScript
- Homepage:
- Size: 6.29 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Event Management System
## Description
Built a full-stack application using React, Express, and MongoDB for managing events. Features include user authentication, event creation, browsing events, and user registration for events. Implemented dynamic event visibility for authenticated and non-authenticated users, enhancing user experience and security.## Features
- **User Authentication**: Secure user login and registration.
- **Event Creation**: Users can create new events.
- **Browse Events**: All users can browse events. Non-authenticated users see all events, while authenticated users see only unregistered events.
- **User Registration for Events**: Authenticated users can register for events.## Technologies Used
- **Frontend**: React, Vite
- **Backend**: Express.js
- **Database**: MongoDB
- **Styling**: Tailwind CSS
- **Icons**: react-icons/bs## Installation
1. **Clone the repository**:
```bash
git clone https://github.com/Heetika22/Event-Management-App.git
cd event-management-system
```
2. **Install frontend dependencies**:
```bash
cd Event-Management-App
npm install
```
3. **Install backend dependencies**:
```bash
cd server
npm install
```
4. **Set up MongoDB**:
- Ensure MongoDB is installed and running.
- Create a database and make changes in db.js file.
5. **Configure environment variables**:
- Create a .env file in the server directory and add the JWT_SECRET
## Usage1. **Start the backend server**:
```bash
cd server
node index.js
```
2. **Start the frontend development server**:
```bash
cd ..
npm run dev
```![main-page](screenshots/main-page.png)