feat: Simple rich text editor component for education & experience description

[sahilverma-dev]

Issue

LET-12 Simple rich text editor component for education & experience description

Description

This PR implements a rich text editor using the Tiptap library, utilizing its starter kit along with extensions for underline text, bullet points, numbered lists, and links. Additionally, the Shadcn popover component has been imported and installed to enhance the user interface.

Implemented changes

• Implemented Tiptap for rich text editor
• Created a rich text editor component with bold, italic, underline text, bullet points, numbered lists, and links
• Integrated rich text editor into education & experience description field in onboarding screens

Closing Note

The rich text editor is functional as required; however, there are some style changes needed to improve the overall appearance and user experience.

[vercel[bot]]

@sahilverma-dev is attempting to deploy a commit to the C1GNABOTRY LABS team on Vercel, but is not a member of this team. To resolve this issue, you can:

• Make your repository public. Collaboration is free for open source and public repositories.
• Upgrade to pro and add @sahilverma-dev as a member. A Pro subscription is required to access Vercel's collaborative features.
  • If you're the owner of the team, click here to upgrade and add @sahilverma-dev as a member.
  • If you're the user who initiated this build request, click here to request access.
  • If you're already a member of the C1GNABOTRY LABS team, make sure that your Vercel account is connected to your GitHub account.

To read more about collaboration on Vercel, click here.

[linear[bot]]

LET-12 feat: Simple rich text editor component for education & experience description

Currently, users can only input plain text in the description fields for education and past experience entries on the onboarding page. To enhance user experience and allow for more nuanced descriptions, we need to implement a simple rich text editor component. **Success Criteria:** * Users can format their descriptions using basic rich text formatting options. * The rich text editor component integrates seamlessly with the existing onboarding flow for both education and experience entries. **Acceptance Criteria:** * The rich text editor component provides the following functionalities: * Bold text * Italic text * Underline text * Bullet points * Numbered lists * Links * The rich text editor component displays the formatted text correctly in the preview and when saving the user's data. * The component is responsive and works well across different screen sizes and devices. * The component is thoroughly tested and works without errors or conflicts with other elements of the application. * Users can easily switch between the rich text editor and plain text input if needed. **Additional Notes:** * We can explore various open-source or third-party rich text editor libraries to minimize development time and effort. * The chosen library should be lightweight and performant to avoid impacting application loading times. * The focus should be on providing basic formatting options, keeping the editor interface clean and simple. **Provided design:** [rich_text.png](https://uploads.linear.app/4cd476c1-6017-4a1e-aa13-d29ec525e647/7c3a98d9-5c80-49bb-9d3a-e2ff800df343/d04167b2-6a0d-4206-ae56-b7a06439fe74?signature=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJwYXRoIjoiLzRjZDQ3NmMxLTYwMTctNGExZS1hYTEzLWQyOWVjNTI1ZTY0Ny83YzNhOThkOS01YzgwLTQ5YmItOWQzYS1lMmZmODAwZGYzNDMvZDA0MTY3YjItNmEwZC00MjA2LWFlNTYtYjdhMDY0MzlmZTc0IiwiaWF0IjoxNzI5NTk5MTgyLCJleHAiOjMzMzAwMTU5MTgyfQ.fpZfWIXtpCMmht5_J6fFnG_GRJR8nLSP27gOQ4fL_d0)

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
letraz	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 23, 2024 2:09pm