Innovateninjas / Paws-frontend

A fast responsive webapp that allows you to report injured stray animals to the nearest NGOs.
https://pawss.vercel.app
GNU General Public License v3.0
62 stars 101 forks source link

make the pages Responsive ( using Tailwind) #242

Open codewarnab opened 4 months ago

codewarnab commented 4 months ago

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

Ankesh2004 commented 3 months ago

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

m-tabish commented 3 months ago

I would like to do it under GSSOC 24

Vaibhavsg17 commented 3 months ago

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

NilanchalaPanda commented 3 months ago

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 commented 3 months ago

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 commented 3 months ago

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 commented 3 months ago

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 commented 3 months ago

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

dikshajaiswal855 commented 3 months ago

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 commented 3 months ago

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 commented 3 months ago

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 commented 3 months ago

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 commented 3 months ago

Yes sure @codewarnab

Ankesh2004 commented 3 months ago

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 commented 3 months ago

I want to contriubute in one of the issue.

Deekshashakyawal commented 3 months ago

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

Riddhi162 commented 3 months ago

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 commented 3 months ago

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 commented 3 months ago

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 commented 3 months ago

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

NilanchalaPanda commented 3 months ago

Hey @codewarnab, I have raised PR for Teams Page. Can you assign any other page to work upon. Would love to contribute more. Also can you please review the PR that I have raised. Looking forward to get the following updates

codewarnab commented 3 months ago

Hey @codewarnab, I have raised PR for Teams Page. Can you assign any other page to work upon. Would love to contribute more. Also can you please review the PR that I have raised. Looking forward to get the following updates

yes I have reviewed, approved your pr it will get merged soon we are making sure all of your contribution is being tracked under GSSOC . next on which page are you willing to work ?

NilanchalaPanda commented 3 months ago

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

Rehan52004 commented 3 months ago

I want to work on Contacts page.

codewarnab commented 3 months ago

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

codewarnab commented 3 months ago

I want to work on Contacts page.

you mean contact information page it is already assigned

Rehan52004 commented 3 months ago

Any unassigns page?

richab246 commented 3 months ago

Hey @codewarnab I want to work on the responsiveness of pages. I am a participant in GSSoC 2024, please assign any page if available to me.

dikshajaiswal855 commented 3 months ago

Hey @codewarnab , can I work on the NGO profile page? I want to make it responsive appealing for medium or large sized screens as it is already mobile-friendly.Do consider assigning the issue under GSSoC'24 so that I can start working with Paws.

codewarnab commented 3 months ago

@richab246 @dikshajaiswal855 @Rehan52004

  1. create campaign page
  2. Campaign Form Page
  3. NGO Dashboard
  4. Stats page for Ngo
  5. Campaign List page
  6. Campaign Post Page
  7. Upload image Location page feel free to comment if you face any issue working on this pages

here are the list of unassigned pages as of now comment below which one you want to work on

dikshajaiswal855 commented 3 months ago

NGO Dashboard or start page for ngo

richab246 commented 3 months ago

Campaign Form Page or create campaign page

dikshajaiswal855 commented 3 months ago

Thanks! @codewarnab

Deekshashakyawal commented 3 months ago

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

Aartisushmesh29 commented 3 months ago

@codewarnab can I work on the Campaign Post Page? I want to make it responsive appealing for medium or large sized screens as it is already mobile-friendly.Do consider assigning the issue under GSSoC'24 so that I can start working with Paws.

Rehan52004 commented 3 months ago

I want to work on stats page for ngo

dikshajaiswal855 commented 3 months ago

@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

dikshajaiswal855 commented 3 months ago

@codewarnab I am really eager to contribute and here I need help🤕 please help sir

dikshajaiswal855 commented 3 months ago

@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 commented 3 months ago

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 commented 3 months ago

@rishicds assign me upload image page.

rishicds commented 3 months ago

done @GhoshAditi

NilanchalaPanda commented 3 months ago

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 commented 3 months ago

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 commented 3 months ago

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 commented 3 months ago

@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 commented 3 months ago

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 commented 3 months ago

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 commented 3 months ago

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 commented 3 months ago

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