An open API service indexing awesome lists of open source software.

https://github.com/chamithkavinda/sessionpro-frontend

A modern session management system built with React and Node.js for seamless event organization. Effortlessly manage sessions, attendees, speakers, and real-time notifications. Designed for admins and users, SessionPro streamlines session registration, user management, and feedback collection, delivering a smooth and efficient event experience.
https://github.com/chamithkavinda/sessionpro-frontend

react react-native react-router reactjs redux

Last synced: 3 months ago
JSON representation

A modern session management system built with React and Node.js for seamless event organization. Effortlessly manage sessions, attendees, speakers, and real-time notifications. Designed for admins and users, SessionPro streamlines session registration, user management, and feedback collection, delivering a smooth and efficient event experience.

Awesome Lists containing this project

README

          

# SessionPro - Frontend

This repository contains the frontend for the **SessionPro**, designed to streamline event organization for seamless management of sessions, attendees, speakers, and real-time notifications. This system is designed for both admins and users, providing efficient and smooth session registration, user management, and feedback collection for a superior event experience.

---

## Table of Contents

1. [Overview](#overview)
2. [Technologies Used](#technologies-used)
3. [Features](#features)
4. [Installation](#installation)
5. [Usage](#usage)
6. [License](#license)

---

## Overview

This frontend project enables users to manage event sessions efficiently. The system includes functionalities to track session details, attendee information, speaker management, and real-time notifications. The interface is designed to be user-friendly.

### Welcome Page
![Welcome Page](https://github.com/user-attachments/assets/4fb88e7f-2191-4f08-9fea-58abbcc67874)

### SignIn Page
![SignIn Page](https://github.com/user-attachments/assets/a1f018b4-d844-4dbe-94f7-111e68f5c5c4)

### SignUp Page
![SignUp Page](https://github.com/user-attachments/assets/b4a656e8-3f96-4df3-bbf4-5feed747d24e)

### Dashboard Page
![Dashboard](https://github.com/user-attachments/assets/23812c42-c83f-4881-b13a-a2f5d0437d2b)

### My Profile Page
![My Profile](https://github.com/user-attachments/assets/b740f626-aedb-49e4-b026-9250ae4b1628)

### Session Manage Section
![Session Manage Section](https://github.com/user-attachments/assets/2ff80d89-314e-437d-8c5a-2fd4f8f3872f)

### Session Registration Form
![Session Registration Form](https://github.com/user-attachments/assets/53295647-66d0-4a36-a7eb-ce1922635c6c)

### Session Update Form
![Session Update Form](https://github.com/user-attachments/assets/657528da-3811-49ec-a42b-f6f8f63a7bd0)

### Users Manage Section
![User Manage Section](https://github.com/user-attachments/assets/a7edc351-46bc-4c3a-9cfd-c16778070e59)

### Users Registration Form
![Users Registration Form](https://github.com/user-attachments/assets/fe9be6d1-6bd8-4289-9c62-5639b8ccd84d)

### User Update Form
![Attendee Update Form](https://github.com/user-attachments/assets/7dcc959b-104f-4673-99ac-f1481b2135c8)

### Speaker Manage Section
![Speaker Manage Section](https://github.com/user-attachments/assets/ec613bd0-ce07-4291-928b-f26376326f9c)

### Speaker Registration Form
![Speaker Registration Form](https://github.com/user-attachments/assets/ec8d0a77-77eb-4834-979a-b338a982aab9)

### Speaker Update Form
![Speaker Update Form](https://github.com/user-attachments/assets/9c4e34bd-e1e7-400d-a130-2642f9c0edbd)

---

## Technologies Used

- **React**: For building the user interface.
- **Redux**: For state management.
- **React Router**: For handling navigation.
- **JavaScript**: For dynamic user interface interaction.
- **CSS**: For styling the user interface.
- **Tailwind CSS**: For utility-first CSS framework.
- **Axios**: For making HTTP requests to the backend.

---

## Features

- Responsive design using Tailwind CSS.
- Dynamic data loading with Axios.
- User-friendly interface for managing event operations.
- Real-time notifications for session updates.
- Secure login and data management functionality.

---

## Installation

1. Clone this repository:
```bash
git clone https://github.com/chamithKavinda/SessionPRO-Frontend

---

## Usage

- Use the navigation bar to access different sections:
- **Sessions**: Manage and view session details.
- **Attendees**: Add, update, and monitor attendee information.
- **Speakers**: Track speaker details and assignments.
- **Notifications**: View and manage real-time notifications for events.

- Upload and view images directly from the form interfaces with image preview functionality.
- Interact with the session management data in real-time using dynamic UI elements, such as tables, charts, and notifications.

---

## Backend Repository

The **Backend** repository for this project is available [here](https://github.com/chamithKavinda/SessionPRO-Backend). It handles all API endpoints, database interactions, and logic for managing event data. To connect the frontend with the backend, ensure both repositories are running simultaneously.

---

## License

This project is licensed under the **MIT License** - see the [LICENSE](https://github.com/chamithKavinda/SessionPRO-Frontend?tab=MIT-1-ov-file) file for details.

---

## Contact

For questions or support, please contact:

- **Name**: Chamith Kavinda
- **Email**: chamth13kavinda@gmail.com
- **GitHub**: [Chamith Kavinda](https://github.com/chamithKavinda)