dun-sin / threstagram Goto Github PK

View Code? Open in Web Editor NEW

28.0 28.0 14.0 1.95 MB

Convert Your Threads Post to Images

Home Page: https://threstagram.vercel.app

License: MIT License

JavaScript 5.17% TypeScript 93.36% CSS 1.47%

hacktoberfest hacktoberfest2023 instagram nextjs threads-api typescript vercel

threstagram's People

Contributors

Stargazers

Watchers

Forkers

amilali nziranziza unnamed-lab blkluv ameya02 fatimahayuni bishwobista shivamsethi heetvekariya bhavikpatelbrisbane 9josky divyesh1511 zackozack0 abhi3685 rdwz

threstagram's Issues

[BUG] font issue

Description

The default font doesn't work like it should

Screenshots

No response

Additional information

No response

🥦 Browser

Mozilla Firefox

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

Yes I am willing to submit a PR!

[FEATURE] <Let users know they can't convert images without caption>

Description

Every time i upload a link of an image that doesn't have a caption, i get an error message "Internal Server Error"

The user should get an error message telling them what went wrong, something like "Post should have a caption" or "Can't convert a post without a caption" so they know the error is coming from them.

Screenshots

Additional information

No response

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

[FEATURE] <Optional Auth Page>

Description

Users who would like to view all their converted instagram and threads posts in the future should have the option to sign up on Threstagram. Users who do not need to view their converted posts in the future can simply use the app without signing up.

Screenshots

No response

Additional information

The authentication and saving of links could be done using supabase.

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

Yes I am willing to submit a PR!

[FEATURE] make removing of content more dynamic

Description

Right now you have to use the number of threads option to change or remove threads, it's better to have a delete on each post to delete them and make it more easy

Screenshots

No response

Additional information

No response

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

[BUG] profile images not showing

Description

Something seems to be wrong with the profile picture, as it isn't showing up properly.

Screenshots

Additional information

No response

🥦 Browser

Google Chrome

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

[FEATURE] make the content editable before download

Description

I think this will be an awesome feature, since it's something that can be repurposed, then it should have the ability to be editable.

Screenshots

No response

Additional information

No response

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

[BUG] colour option showing before input

Description

Just like the other options, the colour option should only show when there's content available

Screenshots

No response

Additional information

No response

🥦 Browser

Google Chrome

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

[BUG] input is too large

Description

The input element should have a max with of 500px and a min of 300px for the pdf tool

Threstagram/src/Instagram/index.tsx

Lines 63 to 80 in 897aeb2

 <main className='flex items-center w-full justify-center overflow-scroll bg-white-400 bg-clip-padding backdrop-filter backdrop-blur-3xl bg-opacity-10 h-full pb-10 gap-4'> 

 <div className='w-4/5 min-w-[300px] flex items-center flex-col gap-4'> 

 <h1 className='text-flg font-bold'> 

 Convert Your Instagram Post to PDF 

 </h1> 

 <div className='flex items-center w-full'> 

 <Input refValue={urlRef} placeholder='Instagram Post URL' /> 

 {loading.status ? ( 

 <span className='w-[20%] bg-brand flex items-center justify-center h-12 rounded-tr-md'> 

 <PongSpinner size={30} color='#fff' loading={loading.status} /> 

 </span> 

 ) : ( 

 <SubmitButton handleOnClick={handleOnClick} /> 

 )} 

 </div> 

 {loading.status && <p>{loading.message}</p>} 

 </div> 

 </main>

Screenshots

Additional information

No response

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

[BUG] <TypeError when trying to convert Instagram reels and videos>

Description

A get a TypeError in my console without any feedback to the user when I try to convert instagram reels or videos.

Screenshots

Additional information

No response

🥦 Browser

Google Chrome

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

Yes I am willing to submit a PR!

[FEATURE] Allow for the posts to be rearranged

Description

Currently, a user may want to rearrange the other of the posts, and we don't support that atm

Screenshots

No response

Additional information

No response

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

[FEATURE] add font color

Description

Having the background color isn't enough, there should be a font color too

Screenshots

No response

Additional information

No response

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

[BUG] hidden text when editing

Description

For larger texts, it starts to overflow, making it scrollable should be a good fix

Screenshots

No response

Additional information

No response

🥦 Browser

Mozilla Firefox

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

[FEATURE] add options to the URL, so users can keep track of their work

Description

Should be great if the users can have a form of history based on URL query to store things like:

Post ID,
post index of deleted posts
color
theme
font
font color

Screenshots

No response

Additional information

No response

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

[BUG] the colour is switched to the default when the themes are changed

Description

This shouldn't happen, as users may not remember the colour they have previously chosen

Screenshots

No response

Additional information

No response

🥦 Browser

Google Chrome

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

[OTHER] button text for pdf tool should be download

What would you like to share?

As the title says, it should be download and not submit, the component for the button should recieve the text for the buttons

Threstagram/src/Instagram/index.tsx

Line 75 in 897aeb2

Threstagram/src/components/Button/SubmitButton.tsx

Lines 1 to 12 in 897aeb2

 const SubmitButton = ({ handleOnClick }) => { 

 return ( 

 <button 

 onClick={handleOnClick} 

 className='bg-brand rounded-tr-md h-12 px-6 font-medium w-[20%] flex justify-center items-center' 

 > 

 <span>Submit</span> 

 </button> 

 ); 

 }; 

 export default SubmitButton;

Additional information

No response

👀 Have you checked if this issue has been raised before?

I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

[BUG] zip should only work for multiple images

Description

single threads get added to a zip file too, which isn't good and just a waste, it should just download like a regular image

Screenshots

No response

Additional information

No response

🥦 Browser

Mozilla Firefox

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

[BUG]: profile picture not showing up

[FEATURE]: add custom fonts

[BUG] <Header Is Hidden When Download Preview is Open>

Description

When the download preview for threads is open, this "Convert Your Threads Post To Images " header is hidden.

Screenshots

Additional information

No response

🥦 Browser

Google Chrome

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

Yes I am willing to submit a PR!

[FEATURE] prevent deleting of an image if it's the only one left

Description

When it's a single post, it shouldn't be able to be deleted, else it causes an issue of having to repaste the link

Screenshots

Additional information

No response

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

[FEATURE] Template for images

Description

Having a template combined with colors is better than just colors

Screenshots

No response

Additional information

No response

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

[FEATURE]: Add a way to pick custom color

[BUG] <homepage not properly aligned on mobile>

Description

The homepage sub heading is not centered.

The link container doesn't look good side by side, either the container is reduced on mobile or it is flexed vertically (column) to sit on top of each other .

Screenshots

Additional information

No response

🥦 Browser

Google Chrome

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

Yes I am willing to submit a PR!

[FEATURE]: let users pick how many threads they want in it

[BUG] <keyboard shortcuts appearing on mobile>

Description

Instructions like Ctrl + B - Bold shouldn’t appear on mobile view

Screenshots

Additional information

task:

add hidden when on smaller screen

🥦 Browser

Google Chrome

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

[FEATURE] add markdown

Description

Since content can now be editable, it would be great to add markdown

Screenshots

No response

Additional information

No response

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

[BUG] text should show like in the original post

Description

Text doesn't display in the right way

Screenshots

Original

Threstagram

Additional information

No response

🥦 Browser

Mozilla Firefox

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

[FEATURE] use context API

Description

The states goes across different components and is starting to get hard to maintain, using the context API is needed

Screenshots

No response

Additional information

No response

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

Yes I am willing to submit a PR!

[FEATURE] Add Dockerfile to repository

Description

Adding a Dockerfile to this repository helps set up the project locally and ensure a consistent environment. This will make it easier for contributors to get started with the project

Screenshots

No response

Additional information

No response

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

Yes I am willing to submit a PR!

Description

It just has the ability to pick one colour, would be great to make it work with two colours at most.

You can use code-magic to how to use gradient colours in tailwind

Screenshots

No response

Additional information

No response

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

Setup a Formatter and linter for the project.

What would you like to share?

Setting up a linter will avoid some errors and keep a consistent coding style.

Additional information

No response

👀 Have you checked if this issue has been raised before?

I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

Yes I am willing to submit a PR!

[BUG] Color Popup doesn't close on blur

Description

Add a blur state handler for the color pop up to enable it close when a user click outside it.

Screenshots

Screen.Recording.2023-09-01.at.09.52.56.mov

Additional information

No response

🥦 Browser

Google Chrome

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

Yes I am willing to submit a PR!

Form isn't mobile responsive

Description

Button to submit looks squished on mobile

Screenshots

Additional information

No response

🥦 Browser

Google Chrome

👀 Have you checked if this issue has been raised before?

I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

None

	<main className='flex items-center w-full justify-center overflow-scroll bg-white-400 bg-clip-padding backdrop-filter backdrop-blur-3xl bg-opacity-10 h-full pb-10 gap-4'>
	<div className='w-4/5 min-w-[300px] flex items-center flex-col gap-4'>
	<h1 className='text-flg font-bold'>
	Convert Your Instagram Post to PDF
	</h1>
	<div className='flex items-center w-full'>
	<Input refValue={urlRef} placeholder='Instagram Post URL' />
	{loading.status ? (
	<span className='w-[20%] bg-brand flex items-center justify-center h-12 rounded-tr-md'>
	<PongSpinner size={30} color='#fff' loading={loading.status} />
	</span>
	) : (
	<SubmitButton handleOnClick={handleOnClick} />
	)}
	</div>
	{loading.status && <p>{loading.message}</p>}
	</div>
	</main>

	const SubmitButton = ({ handleOnClick }) => {
	return (
	<button
	onClick={handleOnClick}
	className='bg-brand rounded-tr-md h-12 px-6 font-medium w-[20%] flex justify-center items-center'
	>
	<span>Submit</span>
	</button>
	);
	};

	export default SubmitButton;