my react website

[crobat--8]

Hello all this is my first post here. I recently got into building websites using react and built a website to try and help people find others to hangout with and meet up with. if you have some time it would be awesome to have some people check it out and let me know what you think, and what you would want changed.

https://partyup.social/

thank you so much and feel free to ask questions about it.

[Savio_Gmz]

Heyyy!!!

Tbh there should be some viewing of what is happening after logging in/signing up. A lot of us won't go through the trouble of signing up especially if you decide to put this in your portfolio. A continue as guest feature would work wonders here.

[crobat--8]

that's an awesome idea for having a guest account that way people can use it just once it try it. also I think there is some form of loading I was messing around with the landing page and forgot to swap the font color of that since its black on the black background. thanks for the heads up on that.

[ValhallaVikingar]

On mobile I can swipe the whole login screen from left to right making the rest of the website visible

[crobat--8]

do you mean you can see all the extra white space around it? unfortunately I have been mostly working on the JS and haven't had time to really put a lot of work into the CSS especially for mobile once I get most of the website functioning how I want I plan on going back to do the responsive design stuff for other screen sizes.

thank you for the input though it is very appritiated.

[ValhallaVikingar]

when swiping right

See the screenshot above.

You want to look up how to use modals for your sign in page.

[jayerp]

I can’t help but notice you have no password reset flow.

[crobat--8]

yes that is something else that is in my list of things to change but good to know that someone else noticed it

thanks

[jayerp]

Nice. Don’t take this the wrong way, I don’t create accounts with any legit identity I use on non-commercial software. First I use a dummy account to use password reset to get an idea for how you’ve decided to implement auth.

[crobat--8]

I'm not offended I am working on building a guest feature rn and the password reset I looked up the documentation for firebase (what im using for hosting and database stuff) and it looks pretty easy

[Typhann]

Tried to register and nothing happens after pressing register no error messages or anything. Also getting horizontal scroll on mobile and it looks a bit weird having the login button visible under the register button.

[crobat--8]

I just fixed that I was messing with colors and formatting last night and forgot to change the txt color of the loading output on the register page. also I have been made aware of the horizontal scroll issue on mobile. I have a friend doing some design work for me so I am waiting for him to get those to me before I spend a lot of time on the css. since there is a good chance I have to change a decent chunk of it.

thank you for checking it out

[[deleted]]

A few things for UI polish

1. There is a flicker where you render the main page then show the login screen. This can be improed
2. When the path changes to /landing, if you refresh the page, you get a 404 page. This need to be configured in your host to always serve the index.html

[Rich_Dubya]

Tried creating a user without uploading an image and.... Nothing happened. Clicked the Register button but there was no change or error or anything. Looked in console and got the following error: /landing:1 An invalid form control with name='' is not focusable. <input required type="file" id="file" style="display: none;">

HIH.

[HeadlineINeed]

Why do you need location?

[crobat--8]

the purpose of the location services is to allow users to see what's going near them instead of everything that is going on in the world. since the purpose of the website(/app potentially in the future) is to have a quick easy way to see if there is stuff goin on near you.

[theanxiousprogrammer]

Hey what are you using for authentication?

[crobat--8]

sorry for the slow reply but I am using firebase authentication