ArtBoard 🎨 : Pure React brainstorming board for your creative ideas

Description 📗 ?

A React based whiteboard 🎨, brainstorming 🧠 and collaboration 🦾 tool that comes handy in design thinking sessions. It uses SVG, pure components and MongoDB to reach a high performance.

Features 🏆

• Proven, scalable, and easy to understand project structure
• Written in modern React, only functional components with hooks
• Pure React project with only few dependencies
• Client written in Babel powered JavaScript
• API written in Javascript and using Mongoose

Setting up development environment 🛠

• Install MongoDB.
• git clone https://github.com/Ayyoub-ESSADEQ/ArtBoard.git
• Create an empty .env file in /api, copy /api/.env.example contents into it, and fill with corresponding data.
• npm run setup-project
• Create a folder called uploads under ./api.
• cd api && npm run serve
• cd client && npm run dev in another terminal tab
• App should now be running on http://localhost:5173/whiteboards

Demo:

demonstration video can be found here : https://youtu.be/FdT8I-KMFbo

License

MIT