https://github.com/aksharahegde/simpleposty

Create beautiful social media image with just a few clicks for free
https://github.com/aksharahegde/simpleposty

nuxt social-media supabase

Last synced: about 1 month ago
JSON representation

Create beautiful social media image with just a few clicks for free

• Host: GitHub
• URL: https://github.com/aksharahegde/simpleposty
• Owner: aksharahegde
• License: gpl-3.0
• Created: 2023-12-15T05:50:20.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-04T17:26:17.000Z (about 1 year ago)
• Last Synced: 2024-12-21T03:52:20.250Z (about 1 month ago)
• Topics: nuxt, social-media, supabase
• Language: Vue
• Homepage: https://simpleposty.vercel.app
• Size: 968 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ![Logo](/public/favicon-32x32.png) SimplePosty 

##### Create beautiful social media image with just a few clicks for free.

#### Features

##### A. Google Authentication using Supabase

##### B. Image generator 

1. Change background

    - Color

    - Gradient

    - Image

        - Random using API (keyword)

        - Upload file from local

2. Option to enter text

    - Title

    - Description

3. Text color & Font size

4. Platform specific image sizes

    - Facebook

    - X

    - Instagram

    - Linkedin

    - Pinterest

    - Youtube

5. Download image

6. Save configuration (only for color and gradients for now)

### Screenshots

1. Color Background

![Color Background](/public/ss_color_bg.png)

2. Gradient Background

![Gradient Background](/public/ss_gradient_bg.png)

3. Photo Background

![Photo Background](/public/ss_photo_bg.png)

4. Saved Settings

![Saved Settings](/public/ss_saved_settings.png)

5. Output

   

![Output](/public/ss_output.png)

### Todo

[ ] Add Pexels API as image provider.

[ ] Text to image for background.

[ ] Support for image background in saved configurations.

[ ] Aspect ratio issue.

[ ] Card type selection

- Style (Gradient, Glassy, with image, With icon, Border styles)

    

- Dark/light mode

### Local Setup

1. Clone the repo

2. Run `pnpm install`

3. Copy and rename .env.example to .env. Setup Supabase account on [Supabase](https://supabase.com/)

  ```

    SUPABASE_URL=

    SUPABASE_KEY=

```

3. Run `pnpm run dev`

### Deploy for production

Nuxt is superflexible regarding deployment. Refer https://nuxt.com/deploy for deployment options.