Mayuresh-22 / Minglr

Social Network Site developed using HTML, CSS, JS and PHP as a Backend Language. This site supports the functionality of login/registration and sharing the posts/photos through their accounts, also it has the functionality of private messaging with the users.
https://links.mayuresh.me/minglr
MIT License
37 stars 43 forks source link

Making "Send Message" button responsive for Mobile divces #3

Closed Mayuresh-22 closed 10 months ago

Mayuresh-22 commented 1 year ago

Description

Currently Send Message button looks perfect for Desktop view, but not for mobile. This button should be responsive inorder to look great on mobile devices.

(In order to work on this issue firstly setup project on your local machine, and register/login to look for "Send Message" button on the profile page of other users.


Screenshots

Mobile View

Capturesadfas

Desktop View

Screenshot (94)

saffi-786 commented 1 year ago

Hey @Mayuresh-22 ! I'm interested in fixing this issue. Please assign this issue to me.

yashi-15 commented 1 year ago

I would like to fix this issue. Please assign it to me under hacktoberfest.

Ahnaf-codes commented 1 year ago

@Mayuresh-22 I can fix this issue. I have experience fixing various css responsiveness issues for various websites. So please assign it to me

Mayuresh-22 commented 1 year ago

Hey @Mayuresh-22 ! I'm interested in fixing this issue. Please assign this issue to me.

Hey, I am assigning this issue to you @saffi-786

Mayuresh-22 commented 1 year ago

I would like to fix this issue. Please assign it to me under hacktoberfest.

Hey @Ahnaf-codes, I'll surely create new issues in this repo and will assign it to you. I guarantee you that you'll not find short of quality issues in this repo.

Mayuresh-22 commented 1 year ago

I would like to fix this issue. Please assign it to me under hacktoberfest.

Hey @yashi-15 , I'll surely create new issues in this repo and will assign it to you. I guarantee you that you'll not find short of quality issues in this repo for Hacktoberfest 2023

saffi-786 commented 1 year ago

@Mayuresh-22 can you plz help solving this as I don't have much knowledge of PHP or MySQL. I have to access the account page to modify the CSS styling of the send message button

Screenshot 2023-10-01 002258
Mayuresh-22 commented 1 year ago

@Mayuresh-22 can you plz help solving this as I don't have much knowledge of PHP or MySQL. I have to access the account page to modify the CSS styling of the send message button Screenshot 2023-10-01 002258

Hey @saffi-786, the error you are facing is because of the misconfiguration between password mentioned in the connection.php file and the password of MySQL.

But have downloaded and installed the XAMPP server?

saffi-786 commented 1 year ago

Yes, Sir, I have downloaded and installed the XAMPP server, and it's showing the same error on the browser when I enter a username on the search field in the accounts.php Do I need first to register to view all the pages?

Mayuresh-22 commented 1 year ago

Yes, Sir, I have downloaded and installed the XAMPP server, and it's showing the same error on the browser when I enter a username on the search field in the accounts.php Do I need first to register to view all the pages?

Ohkay,

Changing File content

1) Open your connection.php file from db folder. 2) Change the $user variable value to root (in string double quotes) 3) Change the $pswd variable value to "" (Empty string) 4) Start your xampp server and start Apache and MySQL (every time you work on this project)

Creating Database

5) Go to http://localhost/phpmyadmin/ and click on "new" option from left side bar. 6) Enter minglr and press create 7) Press import option from top bar and chose the .sql file from the db folder and click Import

Now you are done option project in the browser create a new account and you are done. I know these steps are a bit tricky but even if you face any issue I am there for you.

saffi-786 commented 1 year ago

It's showing this error.

image
Mayuresh-22 commented 1 year ago

It's showing this error.

image

Start MySQL in XAMPP

saffi-786 commented 1 year ago

I'm getting this error when I'm starting the MySQL

image
Mayuresh-22 commented 1 year ago

Have you previously installed any MySQL server on your machine?

saffi-786 commented 1 year ago

Yes I installed MySQL on my system some days back

Mayuresh-22 commented 1 year ago

Yes, it's causing the issue because MySQL by default works on port 3306. So I suggest you change the port number of MySQL in XAMPP (which will not affect other MySQL servers)

Follow these steps to change the MySQL server port in XAMPP:

1) Open your XAMPP server

2) Click on the "Config" option of the MySQL module & click on my.ini (Shown below) Screenshot (95)

3) Open with any text editor, now wherever you see 3306 change it with a new port number (here, 3307) throughout the file. Screenshot (96)

And you are done hopefully, this will solve your issue. (I suggest you update the git repo that you have cloned on your machine because different changes were made to the repo)

saffi-786 commented 1 year ago

I changed the MySQL port. Now MySQL is running, but it is still denying access on http://localhost/phpmyadmin/

image image
Mayuresh-22 commented 1 year ago

Hey @saffi-786, I guess I missed one step, change the port 3306 also in php.ini file. (Shown below)

Screenshot (97)

123Capture (Change throughout the file, make sure the port number is the same as mentioned in my.ini file)

saffi-786 commented 1 year ago

Followed the above steps Still the same error

Mayuresh-22 commented 1 year ago

You can try removing the previously installed MySQL server.

Mayuresh-22 commented 1 year ago

Anyone working on this?

ghost commented 1 year ago

hey bro, I was looking at your project and found it very interesting.

4darsh-Dev commented 1 year ago

if the task is not completed, could you please assign it to me

Mayuresh-22 commented 1 year ago

hey bro, I was looking at your project and found it very interesting.

Thank You so much for your words @abneribeiro

pankhuri92 commented 10 months ago

I would be interested to resolve the issue incase nobody has been assigned.

KhushiAgarwal-01 commented 10 months ago

I am ready to solve this issue if the issue has not been assigned or solved yet

Mayuresh-22 commented 10 months ago

Hey @KhushiAgarwal-01, SWOC hasn't started yet and will be starting from the 1st of Jan but still, you can get familiar with the codebase and I am sure you'll get something to work on.

Mayuresh-22 commented 10 months ago

@pankhuri92 I am assigning this issue to you, start working on it. Feel free to contact me if you need help setting up the project on your local machine.

pankhuri92 commented 10 months ago

Thanks a lot @Mayuresh-22 ! Will keep you updated.

pankhuri92 commented 10 months ago

@Mayuresh-22, I would like to bring in to ur info that the send message button is not appearing as I went through the site. I figured its because of some error in if condition part.

Screenshot 2024-01-01 173148

Screenshot 2024-01-01 164617 Screenshot 2024-01-01 164637

pankhuri92 commented 10 months ago

@Mayuresh-22, I have fixed the issue related to responsiveness of the send message button. Kindly review and accept the pr. I have ensured in all three mobile versions. Screenshot 2024-01-01 174437 Screenshot 2024-01-01 174454 Screenshot 2024-01-01 174516

Mayuresh-22 commented 10 months ago

Okay @pankhuri92, I'll check that out.

Mayuresh-22 commented 10 months ago

This issue has been successfully solved by @pankhuri92 under SWOC S4 2024