🌟 Objective

Build a small web app using React (JavaScript) and Vite to understand form handling, password security (hashing), data management using JSON, and basic authentication with token-based login.

🔧 Tech Stack

• Frontend: React (JavaScript or TypeScript)
• Bundler: Vite https://vite.dev/guide/
• State Management: Local component state (or Context for extra points)
• Data Store: localStorage (used to simulate JSON storage for user data)
• Password Hashing: bcryptjs or crypto (trainee must explore and implement)
• Authentication: Token stored in localStorage or sessionStorage (used to manage login state; developer should understand the pros and cons of both)
• Routing: React Router

📁 Folder Structure Suggestion

This is only suggestion you can use your own structure

/src
  /pages
    register.jsx
    login.jsx
    users.jsx
    profile.jsx
  /components
    InputField.jsx
    UserCard.jsx
  /utils
    hash.js        // hash + compare logic
    auth.js        // token functions

📈 Pages and Requirements

1. /register – Register Page

🎯 Requirements Overview

Functional Requirements