Skip to content

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.

License

Notifications You must be signed in to change notification settings

Ayyoub-ESSADEQ/ArtBoard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ArtBoard 🎨 : Pure React brainstorming board for your creative ideas

App screenshot
Typescript Javascript Vite React Tailwind Express Socket.Io MongoDB Mongoose Javascript

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

License

MIT

About

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.

Topics

Resources

License

Stars

Watchers

Forks