Event Listing: [StackUp]

Welcome to our Event Listing Application, a dynamic platform built with Next.js and Express.js that enables users to effortlessly create, manage, and discover events. Offering a seamless user experience, our application features robust user authentication, allowing individuals to securely log in or sign up with personalized dashboards for managing events and settings. Leveraging Next.js for the frontend and Express.js for the backend, our technology stack ensures scalability and efficiency. Each event, enriched with details like name, date, and description, can be easily created, edited, or removed. Security is paramount, encompassing user authentication safeguards and compliance with data protection regulations.

Team members

1. R Ashwin
2. Sanjay Mathew
3. Karthik Vijay

Team Id

ask

Link to product walkthrough

https://www.loom.com/share/e9d18b6b85ef4bd6aab9f9998eef55cd?sid=6324d17c-6fe9-418a-92b2-391b5792dda0

How it Works ?

Libraries used

Backend Libraries:

cors: 2.8.5,
dotenv: 16.3.1,
express: 4.18.2,
mongoose: 8.0.0,
nodemon: 3.0.1,
yarn: 1.22.20

Frontend Libraries:

next: 14.0.2,
react: 18,
react-dom: 18
autoprefixer: 10.0.1,
eslint: 8,
eslint-config-next: 14.0.1,
postcss: 8,
tailwindcss: 3.3.0

How to configure

Frontend Configuration:

Install Dependencies:

• Navigate to the frontend directory in your project using the terminal.
• Run npm install to install all required dependencies.

Environment Variables:

• Create a .env file in the frontend directory.
• Specify the necessary environment variables, including API endpoints or any configuration specific to the frontend.

Backend Configuration:

Install Dependencies:

• Navigate to the backend directory in your project using the terminal.
• Run npm install to install all required dependencies.

Database Configuration:

• Set up your database and ensure it's accessible from the backend.
• Configure the database connection details in the backend/.env file.

Environment Variables:

• Create a .env file in the backend directory.
• Specify the necessary environment variables, such as database connection details, API keys, or any backend-specific configurations.

Authentication Setup:

• Configure user authentication settings based on your requirements.
• Update authentication middleware or strategies in the backend codebase if needed.

How to Run?

For Frontend:

cd Frontend

Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

For Backend:

1. Navigate to the project directory: cd Backend
2. Install dependencies: npm install
3. Start the server: npm start