Optio | Angular Internship | Giorgi Zankaidze

🌐 Banner Management Application

The Optio Banner Management Module is a pivotal tool designed to facilitate effective communication between banks and their customers within the digital landscape. In the ever-evolving banking sector, the need for continuous dialogue with customers is paramount, and digital channels, particularly mobile and internet banking, have become the primary platforms for this interaction. Banners, serving as messengers of the bank's latest offers, updated features, and vital messages, play a pivotal role in this communication process.

📝 Table of Contents

• 🔍 Prerequisites
• 🛠️ Tech Stack
• 🏗️ Project Structure
• 🚀 Getting Started
• 💡 Usage
• 👥 Contributors

🔍 Prerequisites

Before you can run the project, make sure you have the following tools and dependencies installed on your system:

1. 🟢 Node.js: You need Node.js to run JavaScript on your computer. Download and install it if you haven't already.

2. 🅰️ Angular CLI: Install the Angular CLI globally using the following command: npm install -g @angular/cli

🏗️ Project Structure

├── .angular
├── node_modules/
├── src/
│   ├── app/
│   │   ├── banners/
│   │   │     ├── banner-form/
│   │   │     ├── banner-table/
│   │   │     ├── banners-filter-sort/
│   │   │     ├── banners.component.html
│   │   │     ├── banners.component.spec.ts
│   │   │     ├── banners.component.ts
│   │   ├── constants/
│   │   ├── services/
│   │   │     ├── api/
│   │   │     ├── banners/
│   │   │     ├── interceptors/
│   │   ├── shared/
│   │   │     ├── types/
│   │   │     ├── utilities/
│   │   ├── store/
│   │   │     ├── banners/
│   │   │     ├── form/
│   │   │     ├── UI/
│   │   ├── app.component.html
│   │   ├── app.component.spect.ts
│   │   ├── app.component.ts
│   │   ├── app.module.ts
│   │   ├── app-routing.module.ts
│   ├── environments/
│   │   ├── environment.development.ts
│   │   ├── environment.module.ts
│   ├── assets/
│   ├── index.html
│   ├── main.ts
│   ├── style.css
├── .editorconfig/
├── angular.json
├── package.json
├── package-lock.json
├── tsconfig.json
├── .editorconfig
├── .gitignore
├── README.md
├── tailwind.config.js
├── tsconfig.app.json
├── tsconfig.json
├── tsconfig.spec.json

🛠️ Tech Stack

• Angular
• TypeScript
• ngrx (for state management)
• Tailwind CSS (for styling)
• Angular Material UI (for UI components)

🚀 Getting Started

To get started with this project, follow these steps:

1. 📋 First of all you need to clone Optio.Ai Task repository from github:

git clone https://github.com/GiorgiZanqaidze/optio-internship.git

2. 🔧 Next step requires you to run npm install in order to install all the dependencies.

npm install

3. 🚀 Running the project locally:

ng serve

📋 Usage

To use the Optio Banner Management Module effectively:

1. Create new banners using the "Create Banner" button.

2. Manage and organize existing banners using the table view.

3. Edit and delete banners as needed.

👥 Contributors

• Giorgi Zankaidze - https://github.com/GiorgiZanqaidze
• David Gabrichidze - https://github.com/davidgabrichidze
• Zura Japoshvili - https://github.com/zura-japoshvili