Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

make the pages Responsive ( using Tailwind) #242

Open
7 of 18 tasks
codewarnab opened this issue Apr 20, 2024 · 56 comments
Open
7 of 18 tasks

make the pages Responsive ( using Tailwind) #242

codewarnab opened this issue Apr 20, 2024 · 56 comments
Labels
enhancement New feature or request good first issue Good for newcomers

Comments

@codewarnab
Copy link
Collaborator

codewarnab commented Apr 20, 2024

currently all the pages are mobile friendly make them desktop frienldy too , before starting working on any page discuss below get assigned than start working on the page

if you can make atleast one page responsive your PR will be merged

Pages to be Made Responsive

Comment below which page you want to make responsive each page will be treated as a separate issue
Before contributing read Contribution.md

@codewarnab codewarnab added enhancement New feature or request good first issue Good for newcomers labels Apr 20, 2024
@Ankesh2004
Copy link

I feel that I am suitable for this issue.
Kindly assign it to me under GSSOC'24.

@m-tabish
Copy link

m-tabish commented May 9, 2024

I would like to do it under GSSOC 24

@Vaibhavsg17
Copy link

Vaibhavsg17 commented May 9, 2024

as i am proficient with Tailindcss and UI design please assign me this issue under GSSOC'24.

@NilanchalaPanda
Copy link
Contributor

Hey @codewarnab, from all the pages that I have explored until now, the CREW details page is not looking good in mobile version. And all the other pages you mentioned are to be optimized for Desktop version. We can work on the issue with you feedback and suggestions. Do consider assigning the issue as a GSSpC'24 Contributor, so that I can start working with Paws.

Also I have worked with Tailwind CSS from the last 1 year. So I can surely help you with this issue. looking forward to work with Paws 🙌🏻.

@dikshajaiswal855
Copy link
Contributor

Hey, @codewarnab, I am eager to work on this issue as I have hands-on experience with tailwind. Do consider assigning the issue to a GSSpC'24 contributor so that I can start working with Paws.

@rishicds
Copy link
Collaborator

Hi everyone, each page will be a seperate issue so please tell us which page you'd like to work on @Ankesh2004 @Vaibhavsg17 @m-tabish @NilanchalaPanda

@NilanchalaPanda
Copy link
Contributor

Hey @rishicds, I would like to work on the CREW page, which is to be optimized for mobile version first. And after completion of that will take any other page.

@dikshajaiswal855
Copy link
Contributor

dikshajaiswal855 commented May 10, 2024

Hey @rishicds , can I work on any page . I really want to make any pages desktop friendly as it is already mobile friendly

@dikshajaiswal855
Copy link
Contributor

Hey @rishicds, can I work on the NGO profile page? I want to make it appealing for medium or large sized screens as it is already mobile-friendly

@m-tabish
Copy link

Hi everyone, each page will be a seperate issue so please tell us which page you'd like to work on @Ankesh2004 @Vaibhavsg17 @m-tabish @NilanchalaPanda

Login page

@Priyal208
Copy link
Contributor

Hi I've lots of prev exp working with tailwind and would love to make your pages responsive! Kindly assign me the same! I can work on login page , user reg page and ngo reg page and make them appealing and beautiful whilst maintaing the theme and co-ordination with other components!

@codewarnab
Copy link
Collaborator Author

Hi I've lots of prev exp working with tailwind and would love to make your pages responsive! Kindly assign me the same! I can work on login page , user reg page and ngo reg page and make them appealing and beautiful whilst maintaing the theme and co-ordination with other components!

those pages are already assigned would you like to work on the success page ?

@Priyal208
Copy link
Contributor

Priyal208 commented May 11, 2024

Yes sure @codewarnab

@Ankesh2004
Copy link

Hi everyone, each page will be a seperate issue so please tell us which page you'd like to work on @Ankesh2004 @Vaibhavsg17 @m-tabish @NilanchalaPanda

User profile page

@Rehan52004
Copy link
Contributor

I want to contriubute in one of the issue.

@Deekshashakyawal
Copy link

could you please assign me an issue, I'm have experience in frontend development

@Riddhi162
Copy link
Contributor

Hello Im a GSSOC'24 contributor and a passionate frontend developer i have previously worked with tailwind css, html and javascipt i would love to make the Animal details page and Contact information page with eye catching and appealing UI can you assign this issues to me.

@codewarnab
Copy link
Collaborator Author

this issue is assigned to

Hello Im a GSSOC'24 contributor and a passionate frontend developer i have previously worked with tailwind css, html and javascipt i would love to make the Animal details page and Contact information page with eye catching and appealing UI can you assign this issues to me.

Assigned! Best of luck

@codewarnab
Copy link
Collaborator Author

Hi everyone, each page will be a seperate issue so please tell us which page you'd like to work on @Ankesh2004 @Vaibhavsg17 @m-tabish @NilanchalaPanda

User profile page

it has been taken any other page ?

@codewarnab
Copy link
Collaborator Author

@Rehan52004 @Deekshashakyawal name the pages you are willing to work on

@dikshajaiswal855
Copy link
Contributor

@codewarnab please help as I am new to open source contribution

when I have run the command npm start it showed a lot of errors and to fix those errors I got help from chatgbt and then with copilot 😥 but now still, the error is same copilot is saying to delete node modules and package-lock.json and then to remove “webpack” from dependencies/devDependencies. Then it told to Run npm install . sir please help what should I do next after creating a new branch I have deleted the package-lock.json and tried to delete node modules but it is asking for administrator permission .

image

If any one knows how to solve this issue please help

@Deekshashakyawal
Copy link

What is the URL that i have to enter to reach the Campaign List Page ?? I cannot find the URL , I need to make the page responsive so please reply.

@GhoshAditi
Copy link
Collaborator

@rishicds assign me upload image page.

@rishicds
Copy link
Collaborator

done @GhoshAditi

@NilanchalaPanda
Copy link
Contributor

NilanchalaPanda commented May 11, 2024

I would like to Donation page, but can you assist what change you want in this page? LINK : https://pawss.vercel.app/donation

not sure currently their is so much extra space both side of the page in desktop you have to make sure that look good for the desktop also . Probably explore other app donation pages take some inspiration then start working on it if you want . let me know if you are willing to do this then i will assign you this page

Hey @codewarnab, can you please assign DONATION PAGE this issue. I'll work on it. Thanks for the update.
Kindly consider reviewing and merging the pull request I've submitted for the Teams Page at your earliest convenience. Your attention to this matter would be greatly appreciated so that I can work upon other issue when assigned

@anwesha2002
Copy link

anwesha2002 commented May 11, 2024

hey @codewarnab
I am a GSSOC'24 contributor . I would like to work on the overall UI , of the signUP page, Login page and the home page and I would like to add a navbar as well where people can see their account. Can you assign this to me, I have previous experience of working with tailwind css, React js.

@NilanchalaPanda
Copy link
Contributor

Hey @codewarnab, I have raised a PR for the issue #234 , please review if any changes needed. Looking forward to your reply. Thanks . Also can you please assign me the DONATION PAGE to work upon the responsiveness on Desktop version.

@dikshajaiswal855
Copy link
Contributor

@codewarnab @NilanchalaPanda can you help me I am not able to run the command npm start .Please help if you know how to solve this poblem.

image

@NilanchalaPanda
Copy link
Contributor

From the directory, you have added some package to the project, because of that this error might have occurred. Mostly it related to you package dependencies. Try uninstalling the package and then again starting the server. Happy Hacking!

@dikshajaiswal855
Copy link
Contributor

dikshajaiswal855 commented May 12, 2024

From the directory, you have added some package to the project, because of that this error might have occurred. Mostly it related to you package dependencies. Try uninstalling the package and then again starting the server. Happy Hacking!

@NilanchalaPanda thankyou for your reply . But I am still very confused I am trying to solving this problem from yesterday but a new problem arises when I solve 1 error now this error is coming.Can you please help me I am not getting which package to uninstall
did you mean to uninstall node-modules and package-lock json and again installing npm

@NilanchalaPanda
Copy link
Contributor

Yes you try doing it once, or else uninstall the new package you added and then check. If any more doubts, you can message me on discord username : codey_nil

@dikshajaiswal855
Copy link
Contributor

Yes you try doing it once, or else uninstall the new package you added and then check. If any more doubts, you can message me on discord username : codey_nil

ok thank you

@codewarnab
Copy link
Collaborator Author

I want to work on stats page for ngo

its already taken

@codewarnab
Copy link
Collaborator Author

Can you please assign Campaign List page to me , so that I start working with Paws under GSSoC'24

its in user side path to the file is /src/pages/user/CampaignPages/CampaignList.jsx

@codewarnab
Copy link
Collaborator Author

codewarnab commented May 12, 2024

From the directory, you have added some package to the project, because of that this error might have occurred. Mostly it related to you package dependencies. Try uninstalling the package and then again starting the server. Happy Hacking!

@NilanchalaPanda thankyou for your reply . But I am still very confused I am trying to solving this problem from yesterday but a new problem arises when I solve 1 error now this error is coming.Can you please help me I am not getting which package to uninstall did you mean to uninstall node-modules and package-lock json and again installing npm

their are some depedency warning you will face during package installation ignore that and dont forget to check contribution.md

@codewarnab
Copy link
Collaborator Author

hey @codewarnab I am a GSSOC'24 contributor . I would like to work on the overall UI , of the signUP page, Login page and the home page and I would like to add a navbar as well where people can see their account. Can you assign this to me, I have previous experience of working with tailwind css, React js.

nav bar already desktop optimized and sign up login page is already assigned any other page you want to work on ?

@Vaibhavsg17
Copy link

Vaibhavsg17 commented May 12, 2024

Hi everyone, each page will be a seperate issue so please tell us which page you'd like to work on @Ankesh2004 @Vaibhavsg17 @m-tabish @NilanchalaPanda

I like to work on NGO Dashboard & campaign form page
please assign me this both

@riya-rjha
Copy link
Contributor

@rishicds Can I now work on the UI improvisation of buttons of the donation front page. Can you please assign this to me under the Gssoc label?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request good first issue Good for newcomers
Projects
None yet
Development

No branches or pull requests