EDIC Web Application

I'll create a complete web application for the Entrepreneurship Development Innovation Cell (EDIC) with Angular frontend, Spring Boot backend, and PostgreSQL database. The application will allow admins to post events that will be visible to users.

Project Architecture

Here's the overall architecture of our EDIC web application:

Let's start building the application components:

Now, let's create the Angular frontend for our EDIC application:

Project Setup and Deployment Instructions

Database Setup

1. Install PostgreSQL if you haven't already

2. Create a new database named edic_db:

   createdb edic_db
3. The Spring Boot application will automatically create the tables when it starts

Backend Setup

1. Clone the repository
2. Navigate to the backend directory
3. Configure the database connection in src/main/resources/application.properties

4. Build the project:

   ./mvnw clean package

5. Run the application:

   ./mvnw spring-boot:run

Frontend Setup

1. Navigate to the frontend directory

2. Install dependencies:

   npm install

3. Start the development server:

   ng serve
4. Access the application at http://localhost:4200

Default Admin Credentials

The application comes with a default admin user:

• Username: admin
• Password: admin123
• Email: admin@edic.com

Features

User Features

• View upcoming and past events
• View detailed information about each event
• Register for an account
• Login to access additional features

Admin Features

• Create, edit, and delete events
• Manage event status (active/inactive)
• View all events in a table format
• Dashboard for easy navigation

Project Structure

This EDIC web application provides a complete solution for managing and displaying events. The admin side allows for full CRUD operations on events, while the user side provides a clean interface for viewing event details. The application is built with Angular for the frontend, Spring Boot for the backend, and PostgreSQL for the database, as requested.