Appevent

Appevent is to its core, a platform where users can create and join events.

After discussions with the product owner, we decided to develop an application called Appevent, designed to make it easy to create and participate in both private and public events. The product owner wants features that allow users to explore and discover events based on their interests and location through search and filtering. Users should be able to see event participants, comment, and register or unregister from events. Additionally, administrator accounts can monitor the content on this platform.

Appevent is a modern web application built using Next.js (v15.1.6) and TypeScript (v5), with React (v19.0.0) for creating dynamic user interfaces. The app is styled with Tailwind CSS (v3.4.1) and uses Firebase (v11.2.0) as its database solution.

Build System

The project is structured around Next.js and managed via npm. All build, development, and deployment tasks are defined in the package.json file.

Styling

Tailwind CSS is used to style the application, with configurations provided in tailwind.config.ts and postcss.config.mjs. This ensures a consistent, responsive design across all components.

Running the project

To run Appevent locally, follow these steps:

1. Navigate to the "project" folder once in the "Appevent" folder:

cd project

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

The application will be accessible at http://localhost:3000.

Testing

Testing is implemented using Jest and React Testing Library to ensure that components function as expected. Run tests with the following command:

1. Navigate to the "project" folder once in the "Appevent" folder:

cd project

2. Run the test suite:

npm test