CSMHub_

A scalable content management platform that allows users to create, manage, and share content with role-based access control. The system is designed for performance and usability, featuring a modern UI, efficient API communication, and structured content management capabilities for public and private user interactions.

01 / Stack Architecture

React.js

TypeScript

React Query

TailwindCSS

ShadCN UI

Formik

Yup

JWT

Context API

02 / Core Specs

[01]Secure JWT-based authentication system
[02]Role-based access control for content management
[03]Create, update, and manage public content
[04]Support for embedded media (e.g., YouTube links)
[05]User profile management with editable information
[06]Public user directory with content previews
[07]Form validation using Formik and Yup
[08]Efficient API handling using Axios and React Query
[09]Modern, responsive UI design
[10]Scalable and maintainable frontend architecture

03 / Role

Developed frontend using React and TypeScript
Implemented authentication and authorization using JWT
Built role-based access control system
Integrated API communication using Axios and React Query
Developed dynamic forms with Formik and Yup validation
Designed responsive UI using Tailwind CSS and ShadCN
Managed application state using Context API
Ensured performance optimization and clean architecture