Github Stalker

The system is divided into three primary layers: a frontend built with React 18, TypeScript, Vite, and Tailwind CSS, providing a fast, type‑safe UI that leverages Shadcn UI primitives and Framer Motion for smooth interactions. Form handling uses React Hook Form with Zod schemas for client‑side validation, while data fetching is managed by Tanstack Query to ensure cache consistency and optimistic updates.

The backend runs on Express, exposing RESTful endpoints secured with Helmet, CORS, and JWT‑based authentication. Passwords are hashed with bcrypt, and request throttling is enforced via rate limiting middleware to mitigate brute‑force attacks. Input validation is performed using Joi schemas before persisting data with Mongoose models in MongoDB, ensuring strict data integrity.

Electron wraps the entire web stack, providing IPC channels for secure communication between the renderer and main processes. The build pipeline uses Electron Builder to produce cross‑platform binaries, while Nodemon and ESLint maintain development ergonomics and code quality.

Security is a cornerstone: all rich‑text content from Tiptap is sanitized to prevent XSS, and the API enforces strict headers and rate limits. The architecture also supports real‑time synchronization of drag‑and‑drop reordering, updating MongoDB sequence indices instantly and handling rapid user interactions gracefully.

Overall, the project showcases a cohesive integration of modern web technologies, desktop packaging, and robust security practices, delivering a seamless content management experience for developers and creators alike.