📈 Ad Management System

Overview

The Ad Management System is a web-based application designed to simplify the process of managing advertisements. Going beyond basic functionalities, this system introduces an advanced scheduling feature, emphasizing the strategic placement of ads on the home page based on location and time.

Features

• Ad Management:

  • Upload new ads with relevant details and media files.
  • Edit existing ads to update information or media.
  • Delete ads that are no longer needed.

• Scheduling:

  • All Advertisments displayed on the Home page are personalized for the user.
  • Location based (geoAPI) and Time based advertisments are presented.

• Use of Protected Routes:

  • Capitalizing on JWT tokens and react-router-dom made reoutes protected.

• User-Friendly Interface:

  • Intuitive design for a seamless user experience.
  • Easy navigation to access different features.

Technologies Used

• Frontend:

  • HTML
  • CSS
  • JavaScript (Reactjs)
  • Vite Bundler

• Backend:

  • Node.js
  • Express.js
  • MongoDB

Getting Started

Prerequisites

• Node.js installed
• MongoDB installed and running

Installation

1. Clone the repository:

   git clone https://github.com/your-username/ad-management-system.git

2. Navigate to the project directory:

   cd ad-management-system

3. Install dependencies:

   npm install

4. Configure the database connection in the backend (server.js).

5. Start the application:

   npm start

6. Access the application in your web browser at http://localhost:5173 (or another specified port).

Usage

1. Register or log in with your credentials.
2. Perform ad management tasks such as uploading, editing, or deleting ads.

Screenshots:

Frontend:

Home Page:

Signup:

Profile:

Backend: