vulcanwm / login-signup-nextjs

💫About Me :

Hey 🙏, I'm VulcanWM

A 15 year old Full Stack Developer from the UK

• 🎯 I’m currently working on chordscape

• 👨‍💻 All of my projects are available at https://vulcanwm.is-a.dev

• 💬 Ask me about nextjs, mongodb, flask

• 📫 How to reach me [email protected]

Languages and Tools

📊GitHub Stats :

---

login-signup-nextjs's Issues

npm build error

in index.tsx

should be
export default function HomePage({ username }: { username: any }) {

export async function getServerSideProps(context: { req: any; res: any }) {

and
username = '';

Cookie set server-side can be seen with getCookie?

• Try setting a cookie in the way I used to previously do it
• See if that cookie can be viewed with getCookie()

Connect to MongoDB

• Make a /lib/mongodb.js file where it makes a clientConnection

Login function

• Form with username and password
• POST request to /api/login
• Error parameter in url which can be shown if exists
• Check if user with this username exists
• Checks if hashed guess is the same as hashed password
• Set cookie backend and redirect

CSS

• Inputs
• Buttons
• Links
• Error messages

Change serverSideProps to async functions

• Change the serverSideProps to async functions on all pages

Profile page

• Only be seen if username exists
• View username
• View account creation date
• Link to redirect to home page

Logout

Add a logout function on the logged in page

Logout function backend

• Delete cookies in /api route
• Remove client side cookie removal
• Add <form> and button which sends POST request to remove cookie from /api

Add O-Auth functionality.

Signup function

• Signup form with username and password
• Password must be more than 5 letters
• Error parameter in url which can be shown if exists
• Check if username already exists
• Signup function POST request to /api route where signup function is processed
• Password must be encrypted
• Create account and set cookie backend
• Redirect to main page
• Break after res.redirect lines before end