Project Profile

- Node Editor for solid modeling
- User can either view samples or create new
- Model changes real-time when values update

- Enable user to chose a bbox
- Dynamicly drawing a polygon
- Edit polygon points after finish object

- Parse XML doc as the Store
- Render layers with React Canvas
- Computed Bouding Box, Zoom and Pan

- Use React UseContext to manage gloable state
- React Hooks for routing and navigation
- Consumming third party API for data

- Designd user and msgs table schema.
- Communicated data with backend Json Server.
- Build with React.

- Dashboard stying the layout with CSS Flex
- Created reusable React components
- Managing routing with useRoutes

- Communicate with backend with Axios
- Responsive layout across different devices
- Build and Deployed with Heroku

- Use store for managing globle state
- Use State Machine for mouse events
- Render with React Canvas component

- Data fetched with Axios and Swr
- Styling with Bootstrap
- Responsive layout with flex

- Managed globle state with Redux
- Also with the Connect version component
- It's an excercise from Full Stack Open.

- Create a function Canvas Component
- UseRef to interact with HTML element
- User can customize data size

- Select images through File Reader
- Wrote with Vanilla JS
- User can export the pdf