https://github.com/abdullah-al-akash/event-management

https://github.com/abdullah-al-akash/event-management

daisy-ui expressjs framer-motion lucide-icons mern-stack mongodb nodejs react-router-dom reactjs tailwindcss tanstack-query

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/abdullah-al-akash/event-management
• Owner: Abdullah-Al-Akash
• Created: 2025-06-30T08:02:58.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2025-07-01T18:34:15.000Z (3 months ago)
• Last Synced: 2025-07-01T19:34:48.452Z (3 months ago)
• Topics: daisy-ui, expressjs, framer-motion, lucide-icons, mern-stack, mongodb, nodejs, react-router-dom, reactjs, tailwindcss, tanstack-query
• Language: JavaScript
• Homepage: https://natural-event.netlify.app/home
• Size: 153 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🌿 Natural Event – Event Management Web Application

**Natural Event** is a fully functional, modern Event Management Web Application built with the **MERN stack** (MongoDB, Express.js, React.js, Node.js). It includes a fully custom authentication system, dynamic event operations, intuitive search and filtering, and a responsive user interface designed for ease of use and performance.

---

## 🚀 Features

### 🔐 Authentication (Custom Built)

- **Register/Login** using email and password (no third-party libraries).

- Clear and user-friendly error handling.

- Authentication state persists until logout.

- User profile stored with `name`, `email`, and `photoURL`.

---

### 🧭 Navbar

- Responsive Navbar with:

  - **Logo + Website Name**

  - Links to: Home, Events, Add Event, My Event

  - **Sign In** button (when not logged in)

  - **Profile dropdown** (when logged in) with:

    - User Name

    - Logout option

---

### 🏠 Homepage

- Modern, animated landing page designed with Tailwind CSS, Framer Motion, and DaisyUI.

- Highlights app purpose and navigation entry points.

---

### 📅 Events Page (Private Route)

- Displays **all available events** from the database.

- Sorted in descending order (by date and time).

- Each Event Card Includes:

  - Event Title

  - Posted By (Name)

  - Date & Time

  - Location

  - Description

  - Attendee Count

  - **Join Event** button

- User can **join an event once only**; attendee count auto-increments.

- **Search and Filter System**:

  - Search by title

  - Filter by:

    - Today’s Date

    - Current Week

    - Last Week

    - Current Month

    - Last Month

---

### ➕ Add Event Page (Private Route)

- Event submission form:

  - Event Title

  - Name

  - Date & Time

  - Location

  - Description

  - Attendee Count (default: 0)

- On submit, event is saved to the database.

---

### 👤 My Events Page (Private Route)

- Displays events **posted by the logged-in user**.

- Each card includes:

  - Event Title

  - Name

  - Date & Time

  - Location

  - Description

  - Attendee Count

  - **Update** button (shows modal or new route form)

  - **Delete** button (with confirmation prompt)

---

## 🛠️ Tech Stack

| Frontend   | Backend      | Database |

|------------|--------------|----------|

| React.js   | Node.js      | MongoDB  |

| TailwindCSS | Express.js   | Mongoose |

| DaisyUI + Framer Motion | Axios | JWT-based Auth |

---