Embark on the development journey to create a cutting-edge Real-Time Document Collaboration Platform. This project is tailored for frontend engineers seeking to enhance their skills in real-time collaboration, leveraging Liveblocks, Next.js, and Supabase. The objective is to build a platform where users can collaboratively edit documents seamlessly, incorporating user-friendly UI/UX practices and ensuring mobile-friendly accessibility.
Develop a robust platform allowing users to collaboratively edit documents in real-time. Utilize Liveblocks for live updates, Next.js for the frontend, and Supabase for user authentication and document storage.
Below is a list of tasks that candidates concurently work on. If you deem your contribution to be complete, you can create a pull request.
The team will review your contribution and provide feedback. If its good your branch will be merged with the main branch.
Tasks that are done will be ommited and new tasks will apear for others.
Candidates with merged changes will be invited to pass an interview with the team.
Both students looking for an internship at BIGmama and professionals looking for a full-time position can apply.
-
Shared Document Editing
- Implement Liveblocks to enable real-time collaboration for synchronized document editing.
- Develop collaborative cursor tracking for an enhanced collaborative experience.
-
User Presence Indicators
- Incorporate real-time indicators to display the presence of other users currently editing the document.
-
User Authentication and Ownership
- Integrate Supabase for user authentication.
- Implement document ownership through Supabase for secure access and management.
-
Mobile-Friendly Interface
- Ensure a responsive and intuitive UI for seamless document editing on various devices.
-
UI/UX Best Practices
- Implement best practices in UI/UX design for an intuitive and visually pleasing editing experience.
Clone the repository:
git clone git@github.com:BIGmama-technology/Hiring-software-engineer-frontend.git- Ensure comprehensive documentation of your code within the README.md file. Clearly explain the purpose and functionality of each component or module.
- Adhere to best practices for frontend development, maintaining clean, modular, and well-organized code. Use appropriate folder structures to enhance code readability.
- Implement thorough testing for collaborative features and user management to ensure the stability and reliability of the platform. Consider unit tests, integration tests, and end-to-end tests.
- Commit your changes regularly with clear and descriptive commit messages. This helps in tracking the development progress and understanding the purpose of each commit.
- Collaborate effectively with other team members. Participate in code reviews, provide constructive feedback, and work collectively to enhance the project's overall quality.
- Supabase playlist
- Liveblocks Starter kit walkthrough
- Liveblocks Documentation
- Next.js Documentation
ps: Version 13 and up of nextjs is preferred (using the new app router). - Supabase Documentation
Focus on creating a seamless collaborative experience by ensuring synchronized real-time editing with Liveblocks.
Open an issue, and the team will provide assistance promptly.
Absolutely! Feel free to enhance the project by proposing features that contribute to an enriched collaborative document editing experience.
doesn't matter, what important is the value of your contribution and it's quality, impress us !
pick another task, and hurry up !
Open an issue and we will answer it as soon as possible !
btawfiq inchalah