feat: website created #13

[priyankarpal]

Using NextJs & Tailwind CSS created this website

We need to add a documentation

we will collect data from users in JSON format

install dep using pnpm i & run it using pnpm dev

fixed #13

https://user-images.githubusercontent.com/88102392/233851791-8405406e-aedd-4b61-9df1-b7173d58de93.mp4

[priyankarpal]

The website looks different than the video preview you attached, please make it like the video preview as I prefer that. :

I'm using dark mode so that the diff not showing

[KendallDoesCoding]

The main theme is what is different (the preview is darkmode, this is lightmode)

[priyankarpal]

i have changed try to check once more

[KendallDoesCoding]

i have changed try to check once more

It's plain white now, I guess it's ok?

[KendallDoesCoding]

i have changed try to check once more

It's plain white now, I guess it's ok?

What do you think @The-Lively-Developers-Community/maintainers ?

[priyankarpal]

i have changed try to check once more yeah it's ok

[priyankarpal]

i have changed try to check once more yeah it's ok we can change card designs later according to more contributors

I am not a designer I just add this basic card 😞

[priyankarpal]

• When profile added to src/data/profile.json it should show on the website right, it doesn't seem to be working.
• Can we get documentation on how user can add their profile to profile.json
• When the profile is clicked, how do we link the introduction (as that's in README.md)?

don't worry I will create documentation & I just added a small bio.

We will collect 2 or 3 lines bio.

[KendallDoesCoding]

I am not a designer I just add this basic card 😞

No worries.

[KendallDoesCoding]

• When the profile is clicked, how do we link the introduction (as that's in README.md)?

Ok cool

• When the profile is clicked, how do we link the introduction (as that's in README.md)?

[priyankarpal]

• When the profile is clicked, how do we link the introduction (as that's in README.md)?

Ok cool

• When the profile is clicked, how do we link the introduction (as that's in README.md)?

We don't need to link the bio with README.md We will collect 2 or 3 lines of bio & it will show on card

[KendallDoesCoding]

It's not possible that if the card is clicked it opens a user page, like Linkfree (https://linkfree.io/)

Thanks, Kendall Does Coding

Portfolio https://kendalldoescoding.gq Github https://github.com/KendallDoesCoding Youtube https://kendalldoescoding.gq/codingYT

On Sun, 23 Apr 2023 at 23:05, Priyankar Pal @.***> wrote:

• When the profile is clicked, how do we link the introduction (as that's in README.md)?

Ok cool

• When the profile is clicked, how do we link the introduction (as that's in README.md)?

We don't need to link the bio with README.md We will collect 2 or 3 lines of bio & it will show on card

— Reply to this email directly, view it on GitHub https://github.com/The-Lively-Developers-Community/introductions/pull/19#issuecomment-1519117436, or unsubscribe https://github.com/notifications/unsubscribe-auth/AUGJUTKGWYLVP3GBFXDLMK3XCVR4VANCNFSM6AAAAAAXIT7YOY . You are receiving this because you commented.Message ID: @.*** com>

[priyankarpal]

It's not possible that if the card is clicked it opens a user page, like Linkfree (https://linkfree.io/) Thanks, Kendall Does Coding Portfolio https://kendalldoescoding.gq Github https://github.com/KendallDoesCoding Youtube https://kendalldoescoding.gq/codingYT … On Sun, 23 Apr 2023 at 23:05, Priyankar Pal @.> wrote: - When the profile is clicked, how do we link the introduction (as that's in README.md)? Ok cool - When the profile is clicked, how do we link the introduction (as that's in README.md)? We don't need to link the bio with README.md We will collect 2 or 3 lines of bio & it will show on card — Reply to this email directly, view it on GitHub <#19 (comment)>, or unsubscribe https://github.com/notifications/unsubscribe-auth/AUGJUTKGWYLVP3GBFXDLMK3XCVR4VANCNFSM6AAAAAAXIT7YOY . You are receiving this because you commented.Message ID: @. com>

what if we add this

[KendallDoesCoding]

It's not possible that if the card is clicked it opens a user page, like Linkfree (https://linkfree.io/) Thanks, Kendall Does Coding Portfolio https://kendalldoescoding.gq Github https://github.com/KendallDoesCoding Youtube https://kendalldoescoding.gq/codingYT … On Sun, 23 Apr 2023 at 23:05, Priyankar Pal @.**> wrote: - When the profile is clicked, how do we link the introduction (as that's in README.md)? Ok cool - When the profile is clicked, how do we link the introduction (as that's in README.md)? We don't need to link the bio with README.md We will collect 2 or 3 lines of bio & it will show on card — Reply to this email directly, view it on GitHub <#19 (comment)>, or unsubscribe https://github.com/notifications/unsubscribe-auth/AUGJUTKGWYLVP3GBFXDLMK3XCVR4VANCNFSM6AAAAAAXIT7YOY . You are receiving this because you commented.Message ID: @.** com>

what if we add this

I mean, it works but what if someone gives like a very long introduction?

[priyankarpal]

It's not possible that if the card is clicked it opens a user page, like Linkfree (https://linkfree.io/) Thanks, Kendall Does Coding Portfolio https://kendalldoescoding.gq Github https://github.com/KendallDoesCoding Youtube https://kendalldoescoding.gq/codingYT … On Sun, 23 Apr 2023 at 23:05, Priyankar Pal @.**> wrote: - When the profile is clicked, how do we link the introduction (as that's in README.md)? Ok cool - When the profile is clicked, how do we link the introduction (as that's in README.md)? We don't need to link the bio with README.md We will collect 2 or 3 lines of bio & it will show on card — Reply to this email directly, view it on GitHub <#19 (comment)>, or unsubscribe https://github.com/notifications/unsubscribe-auth/AUGJUTKGWYLVP3GBFXDLMK3XCVR4VANCNFSM6AAAAAAXIT7YOY . You are receiving this because you commented.Message ID: @.** com>

what if we add this

I mean, it works but what if someone gives like a very long introduction?

we would not collect. We're making a profile card. we will use truncate if someone adds a long bio it will automatically show ...

[SandeepUrankar]

It's not possible that if the card is clicked it opens a user page, like Linkfree (https://linkfree.io/) Thanks, Kendall Does Coding Portfolio https://kendalldoescoding.gq Github https://github.com/KendallDoesCoding Youtube https://kendalldoescoding.gq/codingYT … On Sun, 23 Apr 2023 at 23:05, Priyankar Pal @.**> wrote: - When the profile is clicked, how do we link the introduction (as that's in README.md)? Ok cool - When the profile is clicked, how do we link the introduction (as that's in README.md)? We don't need to link the bio with README.md We will collect 2 or 3 lines of bio & it will show on card — Reply to this email directly, view it on GitHub <#19 (comment)>, or unsubscribe https://github.com/notifications/unsubscribe-auth/AUGJUTKGWYLVP3GBFXDLMK3XCVR4VANCNFSM6AAAAAAXIT7YOY . You are receiving this because you commented.Message ID: @.** com>

what if we add this

I mean, it works but what if someone gives like a very long introduction?

We can put a limit. Let's say not more than 50 or 100 words. What's your opinion? @KendallDoesCoding

[priyankarpal]

It's not possible that if the card is clicked it opens a user page, like Linkfree (https://linkfree.io/) Thanks, Kendall Does Coding Portfolio https://kendalldoescoding.gq Github https://github.com/KendallDoesCoding Youtube https://kendalldoescoding.gq/codingYT … On Sun, 23 Apr 2023 at 23:05, Priyankar Pal @.**> wrote: - When the profile is clicked, how do we link the introduction (as that's in README.md)? Ok cool - When the profile is clicked, how do we link the introduction (as that's in README.md)? We don't need to link the bio with README.md We will collect 2 or 3 lines of bio & it will show on card — Reply to this email directly, view it on GitHub <#19 (comment)>, or unsubscribe https://github.com/notifications/unsubscribe-auth/AUGJUTKGWYLVP3GBFXDLMK3XCVR4VANCNFSM6AAAAAAXIT7YOY . You are receiving this because you commented.Message ID: @.** com>

what if we add this

I mean, it works but what if someone gives like a very long introduction?

We can put a limit. Let's say not more than 50 or 100 words. What's your opinion? @KendallDoesCoding

yes we can use line-clamp class too

[SandeepUrankar]

If that doesn't make any card uneven, then go ahead.

[KendallDoesCoding]

Good idea, Sandeep.

On Sun, 23 Apr 2023 at 23:58, Sandeep Urankar @.***> wrote:

It's not possible that if the card is clicked it opens a user page, like Linkfree (https://linkfree.io/) Thanks, Kendall Does Coding Portfolio https://kendalldoescoding.gq https://kendalldoescoding.gq Github https://github.com/KendallDoesCoding https://github.com/KendallDoesCoding Youtube https://kendalldoescoding.gq/codingYT … <#m-8868648511126910196> On Sun, 23 Apr 2023 at 23:05, Priyankar Pal @.*> wrote: - When the profile is clicked, how do we link the introduction (as that's in README.md)? Ok cool - When the profile is clicked, how do we link the introduction (as that's in README.md)? We don't need to link the bio with README.md We will collect 2 or 3 lines of bio & it will show on card — Reply to this email directly, view it on GitHub <#19 (comment) https://github.com/The-Lively-Developers-Community/introductions/pull/19#issuecomment-1519117436>, or unsubscribe https://github.com/notifications/unsubscribe-auth/AUGJUTKGWYLVP3GBFXDLMK3XCVR4VANCNFSM6AAAAAAXIT7YOY https://github.com/notifications/unsubscribe-auth/AUGJUTKGWYLVP3GBFXDLMK3XCVR4VANCNFSM6AAAAAAXIT7YOY . You are receiving this because you commented.Message ID: @*. com>

what if we add this [image: image] https://user-images.githubusercontent.com/88102392/233856350-8ed91036-1d84-4912-862c-2f4c1cb2cd93.png

I mean, it works but what if someone gives like a very long introduction?

We can put a limit. Let's say not more than 50 or 100 words. What's your opinion? @KendallDoesCoding https://github.com/KendallDoesCoding

— Reply to this email directly, view it on GitHub https://github.com/The-Lively-Developers-Community/introductions/pull/19#issuecomment-1519127047, or unsubscribe https://github.com/notifications/unsubscribe-auth/AUGJUTIONZP3PAB2BVDUNC3XCVYFRANCNFSM6AAAAAAXIT7YOY . You are receiving this because you were mentioned.Message ID: @.*** com>

[KendallDoesCoding]

@priyankarpal If a user doesn't link one of their social's, everything will still work na

[priyankarpal]

@priyankarpal If a user doesn't link one of their social's, everything will still work na

@priyankarpal If a user doesn't link one of their social's, everything will still work na

yes it will work don't worry

[priyankarpal]

@priyankarpal If a user doesn't link one of their social's, everything will still work na

just we need to mention to add socials

[KendallDoesCoding]

@priyankarpal If a user doesn't link one of their social's, everything will still work na

@priyankarpal If a user doesn't link one of their social's, everything will still work na

yes it will work don't worry

Ok cool...

• you work on the documentation, while I just do slight testing with this PR and discuss about it with @The-Lively-Developers-Community/maintainers.

[priyankarpal]

@priyankarpal If a user doesn't link one of their social's, everything will still work na

@priyankarpal If a user doesn't link one of their social's, everything will still work na

yes it will work don't worry

Ok cool...

• you work on the documentation, while I just do slight testing with this PR and discuss about it with @The-Lively-Developers-Community/maintainers.

ok ok

[priyankarpal]

I'm thinking that I will create new PR for documentation & other things such as gh actions etc.

So you can merge this branch & I will create another PR.

Here we can do these but I think it will be more helpful for Maintainers to understand the codebase.

[KendallDoesCoding]

@priyankarpal - give me a few days, and will merge. I just need to do slight testing,

[priyankarpal]

ok no problem

[priyankarpal]

any update?

[KendallDoesCoding]

any update?

Are you in the discord?

[priyankarpal]

any update?

Are you in the discord?

yeah

[KendallDoesCoding]

any update?

Are you in the discord?

yeah

Username?

[priyankarpal]

any update?

Are you in the discord?

yeah

Username?

priyankar#9159

[priyankarpal]

any updates?

[KendallDoesCoding]

@priyankarpal - just need to clarify, this uses npm right?

[priyankarpal]

@priyankarpal - just need to clarify, this uses npm right?

nope pnpm we are using cause it's far better than npm & yarn

[KendallDoesCoding]

@priyankarpal - just need to clarify, this uses npm right?

nope pnpm we are using cause it's far better than npm & yarn

Ok, becoz I will need to figure out where to host it. I was thinking Vercel.

[priyankarpal]

@priyankarpal - just need to clarify, this uses npm right?

nope pnpm we are using cause it's far better than npm & yarn

Ok, becoz I will need to figure out where to host it. I was thinking Vercel.

yes. you can host

[KendallDoesCoding]

Hi @priyankarpal ,

Sorry for taking time to review this. As it is summer holidays, I went out and hence I was busy. Others from our @The-Lively-Developers-Community/maintainers team have exams, etc going on as well.

Right now, only the bio is displaying, but we need peoples introduction to display as that's the whole point of this project. So can you do something like this?

Further, I need everyone who's created an introduction so far to display, and not only yours as now only your profile is displaying.

Once these changes are made, we'll go to merge.

Thanks :), The Lively Developers Community - Maintainers

@priyankarpal - awaiting your reply.

[priyankarpal]

Hi @priyankarpal , Sorry for taking time to review this. As it is summer holidays, I went out and hence I was busy. Others from our @The-Lively-Developers-Community/maintainers team have exams, etc going on as well. Right now, only the bio is displaying, but we need peoples introduction to display as that's the whole point of this project. So can you do something like this? Further, I need everyone who's created an introduction so far to display, and not only yours as now only your profile is displaying. Once these changes are made, we'll go to merge. Thanks :), The Lively Developers Community - Maintainers

@priyankarpal - awaiting your reply.

yeah, we can do it. but currently, I can't do it I will be free after a few days(I'm GSSoC'23 project admin). If you want you can do :)

[KendallDoesCoding]

Hi @priyankarpal , Sorry for taking time to review this. As it is summer holidays, I went out and hence I was busy. Others from our @The-Lively-Developers-Community/maintainers team have exams, etc going on as well. Right now, only the bio is displaying, but we need peoples introduction to display as that's the whole point of this project. So can you do something like this? Further, I need everyone who's created an introduction so far to display, and not only yours as now only your profile is displaying. Once these changes are made, we'll go to merge. Thanks :), The Lively Developers Community - Maintainers

@priyankarpal - awaiting your reply.

yeah, we can do it. but currently, I can't do it I will be free after a few days(I'm GSSoC'23 project admin). If you want you can do :)

Ok. It's best if you do it, though.

[KendallDoesCoding]

@priyankarpal - hey, why did you delete the head repo, please restore.

[priyankarpal]

@priyankarpal - hey, why did you delete the head repo, please restore.

yeah

[KendallDoesCoding]

@priyankarpal - hey, why did you delete the head repo, please restore.

yeah

Hi, please restore the repo and PR. Will you continue work on this? @priyankarpal

[priyankarpal]

@priyankarpal - hey, why did you delete the head repo, please restore.

yeah

Hi, please restore the repo and PR. Will you continue work on this? @priyankarpal

I'm sorry, but right now I can't work on this issue because I'm busy with my work