Video Nostr

[MSghais]

Description

We need to finish Nostr video, create and view:

• Upload the video into Pinata (add Pinata API KEY in .env in the website repo and run it)

• If type of File is a video in the CreateForm: Use the createVideo hook and correctly add all tags needed as described in NIP-71:
  https://github.com/nostr-protocol/nips/blob/master/71.md

• Add a Nostr video component to render a Video in the Feed like it:

• Add the Kind Video in the /Feed and filter search kind by default, and render the new VideoComponent, you can read the video like the NostrVideo component or redirect to a ShortScreen created

[akintewe]

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I am qualified to take on the Nostr video implementation challenge since I am a software engineer with four years of experience in Go, JavaScript, Solidity, Cairo, and TypeScript in addition to a Bachelor of Science in Computer Science. My scholarly background and practical exposure to these languages offer a strong foundation for comprehending and applying the necessary characteristics.

How I plan on tackling this issue

In order to tackle this issue, I would begin by incorporating the Pinata API for video uploads, making sure that the API key is stored securely in the.env file. Then, using the createVideo hook and the required tags as outlined in NIP-71, I would adapt the CreateForm component to handle video file formats. I would create a new NostrVideo component to produce videos and display them in the Feed in accordance with NIP-71 standards. In order to provide users with a more immersive experience, I would incorporate the new VideoComponent and update the Feed component to include a Kind Video filter. This would allow users to view movies inline or redirect to a dedicated ShortScreen.

[MSghais]

Hello @MSghais please can i be assigned this task, it will be done as soon as possible

Hello, what's your skills in React Native + Expo Typescript etc? Can you apply in Only Dust with an ETA etc? Let's also discuss in Telegram, please join and ping me @akintewe

[0xdevcollins]

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

Hello @MSghais can I work on this?

ETA: 3 DAYS

Set Up Pinata for Video Uploads
Create a Pinata Account: First, I would create an account on Pinata if I don’t have one.
API Key: Next, I would generate an API key in my Pinata dashboard.
Environment Variable: I would add the API key to my .env file in the website repository.

Implement Video Upload Functionality
Create Form Component: I would update my CreateForm component to handle file uploads.
Video Upload Hook: I would use the createVideo hook to upload videos and ensure I handle the upload process and manage any errors appropriately.
File Type Check: I would verify the file type before uploading. If the file is a video, I would proceed with the upload.

Add Video Metadata
NIP-71 Compliance: When creating the video post, I would add all necessary tags as described in NIP-71. This may include tags like kind, tags, created_at, etc.

Create Video Component
Video Component: I would build a NostrVideo component to render the video in the feed. I could utilize a video player library like react-native-video or Expo's Video component for playback.
Feed Integration: I would integrate the NostrVideo component into my feed where videos should appear.

Filter Feed for Video Kind
Feed Filtering: I would modify my feed component to filter and show only the video kind by default. This could be done by adjusting the API call or filter logic.
Render Video Component: I would render the NostrVideo component for each video post in the feed.

[MSghais]

Hello @MSghais can I work on this?

Apply on OD with an ETA and Xp and plan to tackle the issue please

[akintewe]

Hello @MSghais please can i be assigned this task, it will be done as soon as possible

Hello, what's your skills in React Native + Expo Typescript etc? Can you apply in Only Dust with an ETA etc? Let's also discuss in Telegram, please join and ping me @akintewe

alright thank you so much @MSghais please can i get the telegram link

[MSghais]

Hello @MSghais please can i be assigned this task, it will be done as soon as possible

Hello, what's your skills in React Native + Expo Typescript etc? Can you apply in Only Dust with an ETA etc? Let's also discuss in Telegram, please join and ping me @akintewe

alright thank you so much @MSghais please can i get the telegram link

https://t.me/afk_aligned_fam_kernel

[akintewe]

Hello @MSghais please can i be assigned this task, it will be done as soon as possible

Hello, what's your skills in React Native + Expo Typescript etc? Can you apply in Only Dust with an ETA etc? Let's also discuss in Telegram, please join and ping me @akintewe

alright thank you so much @MSghais please can i get the telegram link

https://t.me/afk_aligned_fam_kernel

thank you,

[akintewe]

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I am qualified to take on the Nostr video implementation challenge since I am a software engineer with four years of experience in Go, JavaScript, Solidity, Cairo, and TypeScript in addition to a Bachelor of Science in Computer Science. My scholarly background and practical exposure to these languages offer a strong foundation for comprehending and applying the necessary characteristics.

How I plan on tackling this issue

In order to tackle this issue, I would begin by incorporating the Pinata API for video uploads, making sure that the API key is stored securely in the.env file. Then, using the createVideo hook and the required tags as outlined in NIP-71, I would adapt the CreateForm component to handle video file formats. I would create a new NostrVideo component to produce videos and display them in the Feed in accordance with NIP-71 standards. In order to provide users with a more immersive experience, I would incorporate the new VideoComponent and update the Feed component to include a Kind Video filter. This would allow users to view movies inline or redirect to a dedicated ShortScreen.

@MSghais Done :)

[MSghais]

@akintewe, do you have an Estimate Time of Arrival for this issue?
Pretty urgent, maybe a main contrib in the repo can take it tomorrow. Let me know, I can find also others issues, ping me on Telegram in DM

[akintewe]

@akintewe, do you have an Estimate Time of Arrival for this issue? Pretty urgent, maybe a main contrib in the repo can take it tomorrow. Let me know, I can find also others issues, ping me on Telegram in DM

i can finish it within a day :)

[MSghais]

Like a PR tomorrow night? Beast mode, that's the kind of dev I need to work on atm, appreciate ;)
Also ping me, need to discuss a bit @akintewe please. Beast dev are really welcome here

[akintewe]

Like a PR tomorrow night? Beast mode, that's the kind of dev I need to work on atm, appreciate ;) Also ping me, need to discuss a bit

no problem, i am here for the task, ok ill ping you on telegram

[akintewe]

i just sent you a message @MSghais :)

[addegbenga]

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I am a frontend engineer with over 5 years experience.

How I plan on tackling this issue

• I will check for type when creating note and if its a video I will use the createVideo hook.
• I will add Video kind to the feed view so users can see video component as well

ETA: 24hrs