Skip to content
Junaid Hashmi edited this page Oct 12, 2023 · 1 revision

Overall plan, procedures, and toolsets to utilize in implementing this project:

Frontend Development

May be make wireframes or paper sketches? Collectively, decide on number of webpages to build, their purpose, and componants. Define overall structure of a page to maintain consistency across the entire website.

  1. HTML: Create the structure of webpages.
  2. CSS and Bootstrap 4: Style and layout your webpages.
  3. JavaScript and jQuery: Implement interactivity and dynamic content.

Client-Server Interaction:

  1. AJAX: Implement asynchronous data exchange to update parts of webpages.
  2. API Development: Create endpoints for frontend-backend communication.

Backend Development:

  1. Node.js: Serve web content and handle requests.
  2. MongoDB: Manage the database for products, users, and orders.
  3. Express.js: Build the server and APIs.
  4. Session Management: Maintain user sessions.
    • Use session management libraries in Node.js (e.g., Express-session) to handle user sessions.
    • Implement a user database to store user cart information associated with their session.

User Authentication:

Implement user signup, login, and password reset functionalities.

  1. Use libraries like Passport.js to handle user authentication.
  2. Implement a signup and login process.
  3. Create a mechanism for handling password reset (forgoten userid/password).
  4. Handle email confirmation and validation of user credentials (such as password complexity rule).