Conference Event Planner

A web application for planning and budgeting conference or event expenses. This intuitive tool helps users organize key elements of an event and calculate total costs dynamically. Originally developed as part of a Coursera React course.

Features

• Budget calculator for conference planning.
• Real-time cost updates for main expense categories: venue, catering, audio-visual.
• Interactive React components:
  • App.jsx – main entry, event intro, "Get Started" button.
  • ConferenceEvent.jsx – event details and data inputs.
  • TotalCost.jsx – dynamic cost summary.
• State management for different budget slices (avSlice.js, mealsSlice.js, venueSlice.js, store.js).
• Informational "About Us" section.
• Modern responsive styling with CSS.

Directory structure (src/)

File/Folder	Description
App.jsx	Main application component
ConferenceEvent.jsx	Conference event details and inputs
TotalCost.jsx	Calculates and displays total cost
avSlice.js	Redux slice: audio-visual expenses
mealsSlice.js	Redux slice: meals/catering expenses
venueSlice.js	Redux slice: venue expenses
store.js	Redux store configuration
ConferenceEvent.css	Styles for event details component
TotalCost.css	Styles for cost summary
index.css	Global styles
main.jsx	Main application bootstrap

Quick Start

1. Clone the repository:

   git clone https://github.com/MarekBProgrammer/conference_event_planner.git
   

2. Move into the project directory:

   cd conference_event_planner
   

3. Install dependencies:

   npm install
   

4. Run the app locally:

   npm start
   

The app will be available at http://localhost:3000.

Technologies

• React (JSX)
• Redux
• JavaScript (ES6+)
• CSS

License

Apache-2.0