A Vue app that allows users to produce various content that they can share on social media
CoTor
Create your Content Easily
CoTor is an artificial intelligence-based application that allows users to produce various content that they can share on social media platforms. The application automatically generates content based on a text prompt that users enter. These contents help users save time and create more compelling, creative content.
Features
- Artificial Intelligence Based Content Production: Users can have the application automatically generate content when they enter a certain prompt. In this way, time is saved and impressive content is created.
- Stock Image Selection: The application automatically selects stock images that are compatible with the content entered by the user and harmonizes the image and the content.
- LinkedIn Sharing: Users can easily share the created content from their LinkedIn accounts. This feature allows content to reach a wider audience on social media platforms.
- User-Friendly Interface: The user interface of CoTor is designed in an intuitive way, allowing users to use the application easily.
Demo
Technologies
Run
Clone the project
git clone https://github.com/sedataskan/CoTor.git
Go to the project directory
cd CoTor
Install dependencies
npm install
Start the app
cd client/poster
npm run dev
Start the server
cd server
npx nodemon
Packages
Package | Link |
---|---|
Frontend | |
“bootstrap”: “^5.3.0” | getbootstrap.com |
“pinia”: “^2.1.3” | pinia.vuejs.org |
“vue”: “^3.3.4” | vuejs.org |
“vue-router”: “^4.2.2” | router.vuejs.org |
“vue-loading-overlay”: “6.0” | npmjs.com/package/vue-loading-overlay |
“axios”: “^1.4.0” | npmjs.com/package/axios |
Backend | |
“express”: “^4.18.2” | npmjs.com/package/express |
“nodemon”: “^2.0.22” | npmjs.com/package/nodemon |
“cors”: “^2.8.5” | npmjs.com/package/cors |
“dotenv”: “^16.3.1” | npmjs.com/package/dotenv |
“openai”: “^3.3.0” | npmjs.com/package/openai |
“request”: “^2.88.2” | npmjs.com/package/request |
“body-parser”: “^1.20.2” | npmjs.com/package/body-parser |
“axios”: “^1.4.0” | npmjs.com/package/axios |
“jimp”: “^0.22.8” | npmjs.com/package/jimp |
“sharp”: “^0.32.4” | npmjs.com/package/sharp |
Api
Api | Link |
---|---|
OpenAI API | openai.com/product |
Share on LinkedIn API | learn.microsoft.com/share-on-linkedin |
Unsplash API | unsplash.com/documentation |