Design & Develop an impressive tool that utilizes generative AI to generate content while maintaining the style and tone of previously written content. So we designed two applications for AI Generative .
-
AI image generator
-
AI text generator
CONTENTSTACK AI IMAGE GENERATOR
Below is the homepage of AI Image generator 🏆🏆
THE CODE FOR THIS :
-
APP.JS
-
INDEX.HTML
-
STYLES.JSS
IMAGE 1
![Screenshot 2023-08-21 at 5 38 56 PM](https://private-user-images.githubusercontent.com/95737632/262020059-29c1d355-c77f-4597-a6c4-64a075671124.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNTk0MDMsIm5iZiI6MTczOTM1OTEwMywicGF0aCI6Ii85NTczNzYzMi8yNjIwMjAwNTktMjljMWQzNTUtYzc3Zi00NTk3LWE2YzQtNjRhMDc1NjcxMTI0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDExMTgyM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTBjZWViMTM1YThiMGMxZjVmODgzMTU2NDU4MzQ4MGNiYTRkMzQ1NDg1YzJhMWNkYmVhYmYyODc2NzUwMGMwZGMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.bshmETTzCWsfdqYG5XPr8Ixe6Pg01FEN3qWNVPoQPvc)
The working images are as follows of our image Generator :
IMAGE 2
![Screenshot 2023-08-21 at 5 34 16 PM](https://private-user-images.githubusercontent.com/95737632/262025687-f00a923a-6ed7-4c5f-b272-7d6b18bc3930.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNTk0MDMsIm5iZiI6MTczOTM1OTEwMywicGF0aCI6Ii85NTczNzYzMi8yNjIwMjU2ODctZjAwYTkyM2EtNmVkNy00YzVmLWIyNzItN2Q2YjE4YmMzOTMwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDExMTgyM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdkOTczMzgwNjEyOTI5NzUyMTAxYWIxNjA4MTFlMTVlZTg5MTgyYTE2MjY2YjEzZGFhYzUxZDkwYzkwZjFjYjImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.kJS2SPHtUlHkR3VjkqKd89AIKoSmdLCKl-jYbJoc5yI)
So if we search football then our appliaction give 1024 * 1024 (It generates 4 images ) shown below :
IMAGE 3
![Screenshot 2023-08-21 at 5 38 05 PM](https://private-user-images.githubusercontent.com/95737632/262026271-d681cd0b-3163-4782-a0a4-daa4c1908037.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNTk0MDMsIm5iZiI6MTczOTM1OTEwMywicGF0aCI6Ii85NTczNzYzMi8yNjIwMjYyNzEtZDY4MWNkMGItMzE2My00NzgyLWEwYTQtZGFhNGMxOTA4MDM3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDExMTgyM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTZhNWRiYzBiNjY2MDEwZDc0OGEwZmExYWEyYzYyNTE3ZDUyZWQ2NTA5MTM1NGM0YjhhN2QxNmJmZDNkYTgyYjEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.FOONGn9ZmhPqN9WjCMaSQaHnPYsshdgdrqohGuizpWM)
IMAGE 4
![Screenshot 2023-08-21 at 5 33 15 PM](https://private-user-images.githubusercontent.com/95737632/262027053-59616531-5097-49f5-8bad-98cc7998823f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNTk0MDMsIm5iZiI6MTczOTM1OTEwMywicGF0aCI6Ii85NTczNzYzMi8yNjIwMjcwNTMtNTk2MTY1MzEtNTA5Ny00OWY1LThiYWQtOThjYzc5OTg4MjNmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDExMTgyM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU3ZTYyY2IzMjIxMWY4MTYzNjMxY2YyN2I0MWFlODVmZjc0NmExMDNiZWVjMGFiMjhlZjI2MzA1MmFiY2IwNmMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.av-IVbEPqnUl-DWLhv5s94FVggX7jLi9HKGra49tx20)
So for giving these images and working of our project we connected this with : https://api.openai.com/v1/images/generations
Link for my AI Generator Application : https://huntermarchi.github.io/t/
pip install openai
To install the official Node.js library, run the following command in your Node.js project directory.
npm install openai@^4.0.0
All API requests should include your API key in an Authorization HTTP header as follows:
Authorization: Bearer OPENAI_API_KEY
Example curl command: curl https://api.openai.com/v1/models \
CONTENTSTACK AI TEXT GENERATOR
Below is the homepage of AI text generator 🏆🏆
![Screenshot 2023-08-24 at 9 44 42 PM](https://private-user-images.githubusercontent.com/95737632/263547210-d70e68c1-d2e3-4572-bb9f-864cd4fd9bbc.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNTk0MDMsIm5iZiI6MTczOTM1OTEwMywicGF0aCI6Ii85NTczNzYzMi8yNjM1NDcyMTAtZDcwZTY4YzEtZDJlMy00NTcyLWJiOWYtODY0Y2Q0ZmQ5YmJjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDExMTgyM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTg0NGFmMDkzZjNkMTg2YmM0YWE2MTA0MDhmZDU3MDE1MDc0NTM1NzI2YjFmZTg3Yzg2OTg1ZjhjZDNmNzM0NDQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.fqpI5VD9bJ8AXeN3MITyrDoZf_E4Lv9hCmestXoJbdg)
THE WORKING IMAGE OF PROJECT IS AS FOLLOWS :
IMAGE 1
![Screenshot 2023-08-24 at 9 44 23 PM](https://private-user-images.githubusercontent.com/95737632/263547332-b75204a6-57ea-4bc5-8bcc-69017cdfd85c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNTk0MDMsIm5iZiI6MTczOTM1OTEwMywicGF0aCI6Ii85NTczNzYzMi8yNjM1NDczMzItYjc1MjA0YTYtNTdlYS00YmM1LThiY2MtNjkwMTdjZGZkODVjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDExMTgyM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTUxNzBkYzRmN2YxZmE3ZjU3ZTcyNmZlMzRmZDk0NzFmNDMyYTRhNjNhOWZlYWRmMDJiYzIxMmIyMzcxNDgxNTEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.ISuzQ4mJ7oDJbdiYdR0BMQK34rZRtTNJXKyUJJVfRcQ)
IMAGE 2
![Screenshot 2023-08-24 at 9 45 12 PM](https://private-user-images.githubusercontent.com/95737632/263547388-e6d029a3-d09e-4bbf-b77d-d63b2667ded0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNTk0MDMsIm5iZiI6MTczOTM1OTEwMywicGF0aCI6Ii85NTczNzYzMi8yNjM1NDczODgtZTZkMDI5YTMtZDA5ZS00YmJmLWI3N2QtZDYzYjI2NjdkZWQwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDExMTgyM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTM5MjI2NzhmMjRlNTllOGFkMWIwNTBlMzYxY2YyNWFjMmEyMzljODI0OThiM2Y3YWIyNDRiMjBiODExY2Y5NDImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.huXzUTCqCjCGCjXLktjgwRXM1_g6J-PfdXXEroFylYQ)
IMAGE 3
![Screenshot 2023-08-24 at 9 46 06 PM](https://private-user-images.githubusercontent.com/95737632/263547417-9e1929d0-11a4-4685-8c20-565520d9821d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNTk0MDMsIm5iZiI6MTczOTM1OTEwMywicGF0aCI6Ii85NTczNzYzMi8yNjM1NDc0MTctOWUxOTI5ZDAtMTFhNC00Njg1LThjMjAtNTY1NTIwZDk4MjFkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDExMTgyM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWJkNDA4OTlkZWU1ZmM5MmQ3N2IyYWM1YWUyNDU4N2ZiZWRkMWNiYjI4M2YxNWJjODFlYzYyZGI0MWNkZDZiYTgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.Nl6p_FrBXPZ-5bypUr_xk_T4J_v4BKd6oB8T_iPfmgc)
IMAGE 4
![Screenshot 2023-08-24 at 9 46 24 PM](https://private-user-images.githubusercontent.com/95737632/263547437-dae85dcb-870e-4a28-9a3b-396637cdab1f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNTk0MDMsIm5iZiI6MTczOTM1OTEwMywicGF0aCI6Ii85NTczNzYzMi8yNjM1NDc0MzctZGFlODVkY2ItODcwZS00YTI4LTlhM2ItMzk2NjM3Y2RhYjFmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDExMTgyM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTUxNjc1MGRiOTViNTRiNDdkN2NhYjE1Njc1M2Y5MjdjN2Y0ODY1Njc1OTBiYmM1MDRmODk5YTI2NjkxMzE2MzUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.xwN4TaVGWTjk8faOHARRRSoU6OqK52Wc-cUB-aY5MZI)
TO SEE ABOVE CODE :
- USE PYTHON AND JUPYTER FILES
- WEB.HTML
- SCRIPT.JS
- STYLE.JS
USE VISUAL CODE , JUPYTER NOTEBOOK , SUPERVISED AND UNSUPERVISED LEARNING FOR IMPLEMENTING ALGORITHMS .
THANKS FOR GIVING THIS GOLDEN OPPURTUNITY .