Feature | Ability to add a cover image to an article

[aadeshkulkarni]

When?

• User writes a new article.
• User edits an existing article.

What?

• User should be able to add a cover image to the article.

Challenge:

• How to persist images in the backend ?

[RahulSingh9131]

Hey, can I try this?

[aadeshkulkarni]

Sure, please discuss your approach here before starting dev

[aadeshkulkarni]

@RahulSingh9131 - This has been assigned to you. Would be grateful if could estimate the timeline for this one and share it.

[RahulSingh9131]

i saw this now , sure i will share my approach and tell the timeline for completing it.

[techypants]

A fixed w:h ratio with object cover property. Image drap and deop or select and stored in cloudinary or aws s3, generated link is got and rendered.

[RahulSingh9131]

@techypants did you already fixed this issue?

[techypants]

no not yet, suggested a method

[RahulSingh9131]

ok thanks, i will try this

[RahulSingh9131]

@aadeshkulkarni hey i went ahead and added cloudinary for the image upload feature, and also added coverImage field in the Post collection ,after running migartion command for the prisma i am getting this error on terminal, do i need to add DATABASE_URL in .env.example file to solve this issue?

[aadeshkulkarni]

@aadeshkulkarni hey i went ahead and added cloudinary for the image upload feature, and also added coverImage field in the Post collection ,after running migartion command for the prisma i am getting this error on terminal, do i need to add DATABASE_URL in .env.example file to solve this issue?

Yes.

You would need to create 2 things to use prisma/backend in your local system correctly:

1. Prisma connection string, (you can get one easily from aiven.io, which will be stored in .env as DATABASE_URL)
2. Prisma connection pool connection string. ( you can get one easily from https://www.prisma.io/data-platform/accelerate , which will be stored in wrangler.toml file's DATABASE_URL

Also make sure your ./frontend/src/config.ts's BACKEND_URL is pointing to http://localhost:8787

[RahulSingh9131]

@aadeshkulkarni i have added the DATABASE_URL from aiven.io and also update wrangler.toml file with prisma connection string, but still i am getting erros on console while trying to run prima migrate cmd. i am getting confused in enabling this.

[aadeshkulkarni]

@RahulSingh9131 - You are editing .env.example file, instead of .env.

The .env file needs to be created using .env.example as reference point.

Please restart the server after doing this since HMR does not work with env changes.

[aadeshkulkarni]

@RahulSingh9131 - Any update on this ?

Contributing doc

[RahulSingh9131]

have a look at the PR , have added my cloudinary API key and secret and cloud name , so we may need a different cloudinary account where images will be stored.
Also let me know how to test a newly created API.