Sapphire AI is an innovative tool that leverages artificial intelligence to revolutionize the recruitment process. This application automates the creation and management of personalized emails, streamlining outreach to potential candidates. It's designed to simplify recruitment workflows, enhancing efficiency and user experience.

This project provided an opportunity to enhance my front-end software engineering skills, resulting in a product that emphasizes a polished and user-friendly interface. While the back-end is functional, it's less comprehensive, reflecting a primary focus on the interface's aesthetic and interactive qualities. The UI includes various placeholder elements to demonstrate potential features.

Exploring the capabilities of the OpenAI API, Sapphire AI also delves into the realm of sales and marketing technology.

Demo Video https://youtu.be/BCpS5gj4WB4

Project State: Please note that this project is in a developmental stage, built over approximately 8 hours, and may lack some advanced features.

Deployment Notes: This project was not initially intended for deployment, and as such, there are a few unresolved issues specific to its hosted version on AWS:

1. Icon Loading Issue: There may be inconsistencies in icon loading.
2. Job Editing Limitation: Creation of new jobs is possible, but editing existing ones is not currently supported.
3. OpenAI Features: The OpenAI functionalities are not enabled in the online version, and explanatory error messages are yet to be incorporated.

1. Background
2. User Interface
3. Capabilities
4. Technical Architecture
5. Setup Guide

Recruitment is a critical yet often cumbersome process for many organizations. Traditional methods involve significant manual effort in reaching out to potential candidates, particularly in personalizing communication. Sapphire AI addresses this challenge by automating the creation and distribution of personalized job outreach emails, thereby streamlining the recruitment workflow.

It's crucial to recognize that some user interface elements are conceptual placeholders, showcasing potential features. The actual functionalities available in this demo include:

• User Input Form: Users can input details about their business and recruitment needs. This information is crucial for tailoring the user experience and is stored for future reference.
• Data Storage: The information provided during onboarding is securely saved, ensuring its availability for subsequent processes like email generation.

• Job Listings Display: This feature presents the saved job listings in an organized, tabular format, allowing for easy viewing and management.
• Navigation to Email Generation: Users can navigate to the email generation page for a specific job by clicking on a job listing.
• Addition of New Job Listings: A dedicated feature for adding new job listings, enhancing the dynamic nature of job management.

• Selection and Sending of Emails: This functionality enables the selection of specific jobs for which emails need to be sent, streamlining the email sending process.
• Send Email Overlay: A specialized overlay that allows users to specify the number of email recipients, adding a layer of customization to the email sending process.
• Email Generation and Data Storage: The system is capable of generating emails based on the selected jobs and storing them efficiently for future reference.

• Job Details Panel: This panel is designed for inputting and editing details specific to each job, ensuring that the emails generated are accurate and relevant.
• AI Feedback Mechanism: Users can provide feedback on the AI-generated emails, which is crucial for the continuous improvement of the AI system.
• Preview and Regeneration of Emails: Users are offered a preview of the email content with the option to regenerate it, ensuring satisfaction with the final output.

• JavaScript with React: The front-end is built using JavaScript and React, focusing on a responsive and intuitive interface.

• Python with Flask: The back-end is developed using Python and Flask, ensuring effective data handling and server operations.

• SQLite: Used for storing email content and user inputs, facilitating data management and retrieval.

• OpenAI ChatGPT: Integrated for intelligent and personalized email content generation.

• AWS Amplify: Open AI capabilites are disabled.

• Python3
• node v18.18.0 (npm v10.1.0)

Navigate to the project directory and execute the following command to create a Python virtual environment:

python3 -m venv myenv

On macOS and Linux:

source myenv/bin/activate

On Windows:

.\myenv\Scripts\activate

pip install  openai Flask Flask-CORS sqlite3

In the root directory of the project, run:

npm install

Navigate to the src directory and run:

cd src
python app.py

Open another terminal window, navigate to the src folder in the project directory and run:

npm run dev

The React app should now be up and running.