[FEATURE] <Make a signup/login view> #14
Comments
|
Will give it try. Tech will be simple HYML, CSS and JS Edited:- *Stack instead of tech |
|
@Swaraj-Singh-30 sounds good - thank you so much!! |
|
Do you want the front end for login and signup? |
|
Yes! @Swaraj-Singh-30 might be making it though, I'm not sure. |
|
How about ReactJS though @ykdojo? I have never seen projects with both plain-JS and ReactJS before. 😅 |
|
Yes it'll be ideal to have it in React / Next. But if someone submits something in plain JS, I think we can still use parts of it, especially if it uses Tailwind (which we're planning to use for this) |
|
I'm not so familiar with next js actually. If someone wanna make it through next.js and tailwind I would say that you make it @ykdojo if someone else is willing to do it I can step back. I am totally fine with that 😁 |
|
@Swaraj-Singh-30 feel free to give it a try! we can convert it to Next.js + Tailwind later, too |
|
Okay Yk 👍🏻🔥 |
|
@ykdojo for the signup/logic form, would you want the user's information stored in a database yet? Or do you want the signup/login form without that functionality for now? |
|
Yes! We should start storing that info. I think I’ll set up an account and a database in Supabase soon assuming we’ll go with it: #23 But anyone can set up their own instance, and assuming it looks good, I can replicate that in my account, too. |
|
A bit more info on what's to come next: #10 (comment) |
|
@Swaraj-Singh-30 @ykdojo I am familiar with Next.js and tailwind, and if you haven't started building, I can pick it up or provide some guidance. |
|
Can you convert it into Next.js and tailwind? |
Yes |
|
I'll like to build the SignUp/Login using NextJS and AntD. Would this be a preferable stack? |
|
In my opinion first we should make only UI in Figma or any other software, if it gets approved, then we should code it, cause once the design is finalized then it will be more easy to code it. |
I'm working on it from yesterday, will publish it. |
any reason to use AntD over Tailwind? |
|
Note: now that #28 is merged, we should be able to use that as a starting point for this issue. |
Suggested AntD because of the amount of readily made components that could be used, Tailwind works too. But it's a preference |
|
Would it be ok, if I submit here, a Figma design for login / sign-up, here? I see that @Swaraj-Singh-30 is working on it, so don't want to interfere... |
|
Yes! I think @Swaraj-Singh-30 is working on a plain JS version, so it's ok to have a Figma, too |
|
Cool! So here's a rough design I made: Figma Design. I've put in Login and Sign up in separate pages. Take a look and feel free to let me know your suggestions. Also, if you need access to the file, let me know. Edit: Added a dummy placeholder logo, that can be changed later. |
Looks good 👍 |
Hey, everything looks super good, just a suggestion that back sign, Can be a little thin, try using a iconify icon instead of that |
Fair point, I've changed it with a slimmer one. Thanks for your suggestion! |
|
Looks good! I feel like we can experiment with different colors, though. Also, I was thinking we can start with a light mode so it's more welcoming to everyone. What do you think? |
|
Yes starting with light mode is good idea, then at later stage we can add functionality of switching between dark and light mode |
|
Noted your points, will design for light mode too. |
|
Apart from color scheme, what is your opinion on the other elements, like the form elements and such, looks good? |
|
Hello folks this is to inform y'all that since I won't be able to complete the login/sign up part, somebody else can take the part. |
|
@Karthik-315 I think everything else looks good! |
What's the update on this? Is anyone working on it or I can pick it up? |
Looks good mate, one thing I'll like to confirm is why is there a back sign on the auth screen, (especially on desktop mode) where does clicking on back lead to? |
|
The back button is just another way to navigate to the home page. I think based on the design of the landing page, this can be removed, if there is a link to redirect to home page on the Navbar. |
|
Sounds good - I'm not sure about navbar, though. (No strong opinion either way right now) |
|
Hello. I would like to contribute to the UI in this part as well. @jideabdqudus can we work together on it? |
|
Cool! Keep in mind that there's this open PR, too: #64 But pls feel free to contribute where you see fit! |
Thanks. I've just cloned his repo and saw the changes. It seems he's following a different design from the proposed one in this thread. I was thinking about following the Figma Design but should I wait for his PR to be merged? |
|
I've also added a light mode option to the design. If we all agree on a different color scheme later, this can be changed. |
|
Hey, is there anyone working on a Dark Mode right now? |
|
@vrindavan I don't think so? Unless @Karthik-315 is Also we should decide on a dark mode color palette at #82 |
|
I'm going to close this for now since we have working signup/login views. |
Description
The first step in terms of dev/coding for this project is, I think, the signup/login view.
Signing up will be useful in case people want to associate their submission with their email address. In my opinion, it's important for people to have that option so that if the submission is not complete, we can go back and forth to make sure it's in a good enough state for us to feature on the website.
The text was updated successfully, but these errors were encountered: