PicPost

PicPost is a web application that allows users to generate and customize social media posts using AI technology. Built with modern web technologies and integrated with OpenRouter API for AI capabilities.

Table of Contents

• PicPost
  • Table of Contents
  • Screenshots
    • Main Interface
    • Post Generation Flow
  • Features
  • Tech Stack
  • Project Structure
  • Setup and Installation
  • Deployment
  • Contributing
  • License

Screenshots

Click to view screenshots

Main Interface

Post Generation Flow

Features

• AI-powered post generation
• Support for multiple social media platforms
• Clean and modern user interface
• Serverless architecture using Netlify Functions

Tech Stack

• Frontend: HTML, CSS, JavaScript
• Backend: Netlify Functions (Serverless)
• AI Integration: OpenRouter API with Gemini Flash model
• Deployment: Netlify

Project Structure

├── assets/           # Static assets and platform icons
├── netlify/          # Netlify serverless functions
├── pages/           # Static pages (About, Privacy Policy, etc.)
├── index.html       # Main application page
├── package.json     # Project dependencies
└── netlify.toml     # Netlify configuration

Setup and Installation

1. Clone the repository:

   git clone https://github.com/iad1tya/pic-post.git
   cd pic-post

2. Install dependencies:

   npm install

3. Create a .env file in the root directory and add your environment variables:

   OPENROUTER_API_KEY=your_api_key_here
   YOUR_SITE_URL=your_site_url
   YOUR_SITE_NAME=PicPost

4. Run the development server:

   netlify dev

Deployment

This project is configured for deployment on Netlify. Simply connect your GitHub repository to Netlify and it will automatically deploy your site.

Make sure to configure the following environment variables in your Netlify dashboard:

• OPENROUTER_API_KEY
• YOUR_SITE_URL
• YOUR_SITE_NAME

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.