Admin login page

[zeim839]

TODO: Create a login.ejs page for admins to log in with.

Create an HTML/CSS page containing an HTML login form and save it as login.ejs under the views folder. If the .ejs file format is confusing for you, then don't worry - you can assume it's the same as .html. This won't be a public-facing site so I'm not worried about design, you can use your own best judgement as long as the form is right in the middle of the page.

If you use a CSS stylesheet then please save your file as login.css under the Public folder (you can create it if it doesn't exist). I strongly advise against using any javascript.

Extension: Create a new .env option under config.js for configuring the address of the site. Many vulnerability analysis bots are programmed to automatically check common entry points like www.mysite.com/login or www.mysite.com/admin, so I recommend adding the option to configure a custom page name for the site. For reference, the name will be passed to app.js like so:

app.get(`/${config.login_page}`, (req, res) => {
  // Process request...
})

(if you're unwilling or unable to do the extension you can still work on the issue, just let me know and I'll assign it to someone else)

[amitanshusahu]

i would like to work on that i have done similar projects

project links :-

StudyBuddy : https://github.com/amitanshusahu/Studdy-Buddy
medikets : https://github.com/amitanshusahu/medkets-web

so let me help.. 😄

[zeim839]

Sure, go ahead. @amitanshusahu

[amitanshusahu]

@zeim839

the login page looks good ..

check fork : https://github.com/amitanshusahu/Club_Website_2/tree/fix-6

have a look ..

request : -

i will make a pull request tomorrow , it will get count in the hacktoctober fest 😄 , if urgent then i must make a PR today, just update me about that.. 😅

[amitanshusahu]

@zeim839 , I recommend you to register in #hacktoberfest2022 as a project maintainer

https://hacktoberfest.com

so that more people can contribute to the project , taking part in the fest

[zeim839]

Hey, thanks for contributing. Would you be willing to modify your existing work to look more like the picture? Also, we don't need a Don't have an account? prompt (this is an admin login, users will be managed internally).

Here's some of the CSS for your convenience:

Main login frame (the div behind the username/password fields):

background: #FFFFFF;
/* Multiple borders: */
border: 1px solid #F0F0F0;
border: 1px solid #EAEAEA;
box-shadow: 0 2px 4px 0 #C2C1C1;

You'll have to implement multiple borders, you can refer to how to do that here

Username/password fields:

background: #FBFBFB;
/* Again, multiple borders (you'll need to find a way to implement both of these) */
border: 1px solid #E7E7E7;
border: 4px solid #EAEAEA;

Website background color:

background: #F1F1F1;

Text:

font-family: Arial-BoldMT;
font-size: XX px;
color: #97918F;
letter-spacing: 0;

My design uses 22px as the font size, but I assume this will be way too large on HTML. Please play around with the font size and get something that looks similar to the picture.

@amitanshusahu

[amitanshusahu]

@zeim839

ok, i can do that

have u thought of making this project open for hacktober2022 , and put a tag on the issue

https://hacktoberfest.com/

[zeim839]

Alright, sounds good. I saw your previous message about hacktoberfest, I'll discuss with my team and see If we want to take part.

[zeim839]

Merged. Thanks for the help 👍

[amitanshusahu]

@zeim839 , i noticed you don't use semicolons in your code, i read about this on a article today

• https://www.freecodecamp.org/news/lets-talk-about-semicolons-in-javascript-f1fe08ab4e53/

it shows how not using semicolons can cause bugs.. hope this helps 😄

[RavishGupta]

Can you please assign me this

[zeim839]

@RavishGupta This is a closed issue. It has already been fixed.

[RavishGupta]

Okay can you assign me some other issue

[zeim839]

Look through the issues page and find something that you like that hasnt already been assigned. Then, reply to the thread asking to be assigned.