Back
Year
2024
Tech & Technique
React Native, Electron.js, Socket.io, React.js, Node.js, Express.js, MongoDB, Passport.js
Description
A full-stack application enabling real-time clipboard synchronization across multiple desktop and mobile devices linked to a single user account.
Key Features:
Technical Highlights:
Key Features:
- 🔄 Real-Time Sync: Instantly shares clipboard content (text, links) across all connected devices using WebSockets.
- 🖥️ Desktop Application: Built with Electron.js (wrapping React.js) for Windows, macOS, and Linux compatibility.
- 📱 Mobile Application: Developed with React Native for a native Android experience (and extendable to iOS).
- 🔑 Secure Authentication: Features user login, including Google OAuth, to securely link devices to an account.
- ☁️ Cloud-Powered Communication: Leverages a cloud-based backend to facilitate the real-time data exchange between devices.
- 🔗 Single Account, Multiple Devices: Users can seamlessly copy on one device and paste on another registered under their account.
Technical Highlights:
- ⚛️ Frontend: React.js (for Electron desktop app), React Native (for Android mobile app).
- 🟢 Backend: Node.js and Express.js serving as the application backbone and API layer.
- ⚡ Real-Time Communication: Socket.io and WebSockets for persistent, bidirectional data flow.
- 🔩 Desktop Wrapper: Electron.js for packaging the web application into a native desktop experience.
- 🛂 Authentication: Passport.js (likely, for Google Auth) integrated for secure user login.
- 💾 Database: MongoDB for storing user accounts, device linking, and potentially session data.
My Role
Full-Stack Developer
Responsibilities:
Responsibilities:
- 🛠️ Engineered the core real-time synchronization mechanism using WebSockets and Node.js.
- 📱 Developed the cross-platform client applications: Electron.js with React for desktop and React Native for Android.
- 🔑 Implemented secure user authentication, including Google OAuth, to manage user accounts and device linking.
- ☁️ Designed and integrated the cloud-based communication channel between devices.
- ⚙️ Managed backend logic, API endpoints, and database interactions (MongoDB) for the system.