Back to Projects
Image Viewer
1 / 5
Full Stack
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.
Tech Stack
React.jsTypeScriptReact QueryTailwindCSSShadCN UIFormikYupJWTContext API
Key Features
- 01Secure JWT-based authentication system
- 02Role-based access control for content management
- 03Create, update, and manage public content
- 04Support for embedded media (e.g., YouTube links)
- 05User profile management with editable information
- 06Public user directory with content previews
- 07Form validation using Formik and Yup
- 08Efficient API handling using Axios and React Query
- 09Modern, responsive UI design
- 10Scalable and maintainable frontend architecture
My 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