Web-based Infographic Vector Editor

I built a proof-of-concept web-based vector editor for creating infographics for Adioma 2.0. All geometry is rendered using in-browser SVG capabilities. The editor uses React.js to manipulate SVG, with React hooks for state management. It supports selecting and manipulating multiple objects, multi-line formatted text, and inserting icons and illustrations. The documents are stored in a MongoDB database on the backend. The user authentication system is implemented using JSON Web Tokens. The backend is managed with React Admin.

Tech: React, Node.js, MongoDB, SVG, React Admin

Scope: development

Project items