E-Learning Marketplace with NodeJs API and React/NextJs

learn to set up a next.js react app from scratch by installing next, react, and react-dom, initializing npm, configuring dev scripts, and building a basic index page.

Create a centered register page with a form that collects name, email, and password, sends those details to a backend, and saves the new user in the database.

Learn to organize an API by introducing controllers, moving callback functions from roots to dedicated controller files, exporting and importing a register function, and updating routes from get to post.

Explore connecting a Node.js API to MongoDB using either MongoDB Atlas or local install, including cluster setup, IP whitelisting, database user, connection string, env mongo uri, and mongoose connection.

Implement a loading spinner in the register form by adding a loading state, conditionally rendering a sync outline icon on submit, and disabling the button during processing.

Manage Next.js environment variables, exposing public vars with NEXT_PUBLIC_ prefix, load from .env.local, and restart the server; add gitignore entries to exclude node_modules and .env.local files.

Implement a custom Next.js dev server for development mode, using express and http proxy middleware to proxy /api requests from 3000 to backend 8000 with http only cookies for authentication.

Create a login page for the e-learning marketplace using email and password, submit to a login endpoint, and manage user state with context and reducer in Next.js using httpOnly cookies.

Implement a logout flow by clearing the token cookie, removing user data from local storage and context, and routing users to login after calling the backend /api/logout.

Learn how to set up an AWS IAM user for your e-learning marketplace, including creating a separate user, enabling programmatic access, generating access keys, and attaching S3 and SES permissions.

Log in with an IAM user, switch from root, verify email addresses in AWS SES sandbox, and prepare for production by testing emails via a Node.js API route and credentials.

Implement a reset password endpoint on the backend that validates email and reset code, hashes the new password, updates the user, clears the code, and returns a success response.

Learn Stripe onboarding for instructors, handle onboarding links and return url, and use useEffect to refresh backend data to enable instructor status.

Learn how the Stripe callback page uses useEffect to query the backend for updated account status after onboarding, with payment enabled to allow course creation.