Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement Enhanced Features for Markdown Editor #508

Closed
R0hanNayan opened this issue Jan 12, 2025 · 2 comments
Closed

Implement Enhanced Features for Markdown Editor #508

R0hanNayan opened this issue Jan 12, 2025 · 2 comments
Assignees
Labels
BEGINNER enhancement New feature or request SWOC

Comments

@R0hanNayan
Copy link
Contributor

Description:
The current markdown editor lacks several functionalities that are crucial for improving user experience. This issue tracks the development of features like markdown support, a text selection navbar, a file download option, and responsive behavior alerts for non-PC users.

Proposed Features:

  1. Markdown Editor:

Add real-time markdown preview to allow users to see formatted content as they type.

  1. Navbar for Text Selection:

Create a navbar with predefined text options (e.g., headers, lists) for easier markdown editing.

  1. Download Functionality:

Include a "Download" button that lets users export their editor content as a .md file.

  1. Responsive Behavior Alert:

Detect screen size and show an alert if the application is accessed on a non-PC device, encouraging users to switch to a larger screen.

Copy link
Contributor

Thank you for raising this issue! We'll look into it as soon as possible. Please ensure that the issue is not duplicate, and you read CONTRIBUTING.md carefully. Your contributions are highly appreciated! 😊

@dhairyagothi dhairyagothi added enhancement New feature or request BEGINNER SWOC labels Jan 13, 2025
dhairyagothi added a commit that referenced this issue Jan 14, 2025
## Related Issue

Issue No. #508  

## Description
Added New Features to the Text 2 Readme Project

In this update, I have implemented several key features to enhance the
user experience in the editor and improve the overall functionality:

1. Editor with Markdown Support:

Integrated a markdown editor where users can write and edit markdown
text.
The editor automatically updates the live preview in real-time, using
the ReactMarkdown component to render the markdown content in a visually
formatted way.

2. Navbar with Text Selection:

Developed a reusable Navbar component with the ability to insert
predefined text into the markdown editor.

This feature simplifies the process for users by allowing them to easily
add common text elements (like headers, lists, etc.) with just a click.

3. Download Feature:

Added a "Download" button at the bottom of the editor.
The button allows users to download the markdown content generated in
the editor as a .md file.
This feature provides users with an easy way to export their generated
README content.

4. Responsive Behavior:

Included a check to detect screen size, displaying an alert when the
user is not on a PC, advising them to switch to a larger screen for an
optimal experience.


## Type of PR

- [ ] Bug fix
- [x] Feature enhancement
- [ ] Documentation update
- [ ] Security enhancement
- [ ] Other (specify): _______________


check in issue by entering [X] in boxes

## Screenshots / Videos (if applicable)


![1](https://github.com/user-attachments/assets/04c74ea8-0150-4907-b4b8-e11e3f6019ca)

![2](https://github.com/user-attachments/assets/f8eb6a68-6a1a-428f-b341-d68621da5a14)

![3](https://github.com/user-attachments/assets/c255b4ef-3e9a-479f-aa05-41a21362db7b)

[Attach any relevant screenshots or videos demonstrating the changes]

## Checklist
- [x] I have performed a self-review of my code.
- [x] I have read and followed the Contribution Guidelines.
- [x] I have tested the changes thoroughly before submitting this pull
request.
- [x] I have provided relevant issue numbers, screenshots, and videos
after making the changes.
- [x] I have commented my code, particularly in hard-to-understand
areas.
- [x] I have followed the code style guidelines of this project.
- [x] I have checked for any existing open issues that my pull request
may address.
- [x] I have ensured that my changes do not break any existing
functionality.
- [x] Each contributor is allowed to create a maximum of 4 issues per
day. This helps us manage and address issues efficiently.
- [x] I have read the resources for guidance listed below.
- [x] I have followed security best practices in my code changes.

check in issue by entering [X] in boxes

## Contribution Guidelines

Thank you for considering contributing to our project! To ensure smooth
collaboration and effective contribution management, please adhere to
the following guidelines:

### Issue Creation

1. **Limit on Issues:**
- Each contributor is allowed to create a maximum of **4 issues per
day**. This helps us manage and address issues efficiently.

### Contribution Levels

2. **Basic Contributions:**
- This project is primarily focused on documentation. Most of the setup
has been completed, so contributors will generally need to work on basic
code tasks, such as writing tests.
   - For these tasks, issues will be assigned the **Easy** label.

3. **Acknowledging Hard Work:**
- If a contributor puts in significant effort on a task, the issue will
be upgraded to **Medium**. This is our way of recognizing and
appreciating extra effort.

4. **Feature Additions and Component Work:**
- Contributors working on new features or components using JSX/TSX will
be assigned a level based on the complexity and quality of their work.
- The more complex and valuable the contribution, the higher the level
assigned.

### Level Definitions

- **Easy:**
- Tasks are straightforward, such as fixing minor bugs, writing tests,
or making simple documentation updates.
- **Medium:**
- Tasks require more effort, such as addressing complex bugs, improving
existing features, or making substantial documentation improvements.
- **Hard:**
- Tasks are highly complex and involve significant new feature
development, major refactoring, or extensive contributions to the
project’s core components.

We look forward to your contributions and appreciate your effort in
helping us improve the project!
Copy link
Contributor

Hello @R0hanNayan! Your issue #508 has been closed. Thank you for your contribution!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
BEGINNER enhancement New feature or request SWOC
Projects
None yet
Development

No branches or pull requests

2 participants