Draw it

ਡਰਾਅ ਇਹ ਇੱਕ ਰੀਅਲ-ਟਾਈਮ ਸਹਿਯੋਗੀ ਕੈਨਵਸ ਐਪਲੀਕੇਸ਼ਨ ਹੈ ਜੋ ਫਰੰਟਐਂਡ ਲਈ ਫਲਟਰ ਅਤੇ ਬੈਕਐਂਡ ਸਮਕਾਲੀਕਰਨ ਲਈ WebSocket ਨਾਲ Node.js + ਐਕਸਪ੍ਰੈਸ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵਿਕਸਤ ਕੀਤੀ ਗਈ ਹੈ। ਐਪ ਕਈ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਸਾਂਝੇ ਬੋਰਡ 'ਤੇ ਇੱਕੋ ਸਮੇਂ ਖਿੱਚਣ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ, ਕਰਾਸ-ਪਲੇਟਫਾਰਮ UI ਵਿਕਾਸ ਅਤੇ ਰੀਅਲ-ਟਾਈਮ ਨੈੱਟਵਰਕ ਸੰਚਾਰ ਦੋਵਾਂ ਵਿੱਚ ਮੁਹਾਰਤ ਦਾ ਪ੍ਰਦਰਸ਼ਨ ਕਰਦਾ ਹੈ।

🚀 ਮੁੱਖ ਉਦੇਸ਼:
ਇੱਕ ਪਰਫਾਰਮੈਂਟ, ਇਵੈਂਟ-ਸੰਚਾਲਿਤ ਆਰਕੀਟੈਕਚਰ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਸਾਂਝੇ ਡਰਾਇੰਗ ਬੋਰਡ 'ਤੇ ਸਹਿਜ, ਰੀਅਲ-ਟਾਈਮ ਸਹਿਯੋਗ ਨੂੰ ਸਮਰੱਥ ਬਣਾਓ।

🧱 ਤਕਨੀਕੀ ਸਟੈਕ:

ਫਲਟਰ (ਡਾਰਟ): ਸੰਕੇਤ ਹੈਂਡਲਿੰਗ ਅਤੇ ਕਸਟਮ ਰੈਂਡਰਿੰਗ ਦੇ ਨਾਲ ਕ੍ਰਾਸ-ਪਲੇਟਫਾਰਮ ਮੋਬਾਈਲ ਫਰੰਟਐਂਡ

Node.js + Express.js: ਲਗਾਤਾਰ ਦੋ-ਦਿਸ਼ਾਵੀ ਸੰਚਾਰ ਲਈ WebSocket ਸਮਰਥਨ ਵਾਲਾ ਬੈਕਐਂਡ ਸਰਵਰ

WebSocket (ws): ਉਪਭੋਗਤਾਵਾਂ ਵਿੱਚ ਸਟ੍ਰੋਕ ਦੇ ਰੀਅਲ-ਟਾਈਮ ਸਮਕਾਲੀਕਰਨ ਲਈ

ਕਸਟਮ ਪੇਂਟਰ: ਕੈਨਵਸ 'ਤੇ ਕੁਸ਼ਲ ਫਰੇਮ-ਦਰ-ਫ੍ਰੇਮ ਡਰਾਇੰਗ

ਅਨੁਮਤੀ ਹੈਂਡਲਰ ਅਤੇ ਰੀਪੇਂਟ ਸੀਮਾ: ਡਿਵਾਈਸ 'ਤੇ ਚਿੱਤਰਾਂ ਦੇ ਰੂਪ ਵਿੱਚ ਡਰਾਇੰਗ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰੋ

🖌️ ਮੁੱਖ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ:

✍️ ਸ਼ੇਅਰਡ ਰੀਅਲ-ਟਾਈਮ ਡਰਾਇੰਗ: ਸਾਰੇ ਭਾਗੀਦਾਰ WebSocket ਪ੍ਰਸਾਰਣ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਤੁਰੰਤ ਇੱਕ ਦੂਜੇ ਦੇ ਸਟ੍ਰੋਕ ਦੇਖਦੇ ਹਨ।

📡 ਸਟੇਟਲੈੱਸ ਵੈੱਬਸਾਕੇਟ ਸਰਵਰ: ਲਾਈਟਵੇਟ Node.js ਸਰਵਰ ਕਿਰਿਆਸ਼ੀਲ ਸਾਕਟ ਕਨੈਕਸ਼ਨਾਂ ਨੂੰ ਕਾਇਮ ਰੱਖਦਾ ਹੈ ਅਤੇ ਘੱਟ ਲੇਟੈਂਸੀ ਨਾਲ ਸਟ੍ਰੋਕ ਇਵੈਂਟਸ ਨੂੰ ਰੀਲੇਅ ਕਰਦਾ ਹੈ।

🎨 ਕੈਨਵਸ ਇੰਜਣ: ਛੋਹਣ ਵਾਲੇ ਸੰਕੇਤਾਂ ਨੂੰ ਖਿੱਚਣ ਯੋਗ ਵੈਕਟਰ ਮਾਰਗਾਂ ਵਿੱਚ ਬਦਲਿਆ ਜਾਂਦਾ ਹੈ ਅਤੇ ਫਲਟਰ ਦੇ ਕਸਟਮ ਪੇਂਟਰ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਰੈਂਡਰ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।

📁 ਕੈਨਵਸ ਨਿਰਯਾਤ ਕਰੋ: ਉਪਭੋਗਤਾ ਆਪਣੀ ਕਲਾਕਾਰੀ ਨੂੰ ਚਿੱਤਰ ਦੇ ਰੂਪ ਵਿੱਚ ਸੁਰੱਖਿਅਤ ਕਰ ਸਕਦੇ ਹਨ

🔧 ਮਾਡਿਊਲਰ ਆਰਕੀਟੈਕਚਰ: ਡਰਾਇੰਗ ਤਰਕ, ਸਰਵਰ ਇਵੈਂਟਸ, ਅਤੇ ਪਲੇਟਫਾਰਮ ਏਕੀਕਰਣ ਲਈ ਵੱਖਰੀਆਂ ਪਰਤਾਂ।