Description the change

To add a git ignore file to ensure that certain files are not tracked by git.

Description the change

Screenshots

• The input text or the page should have some limit to be accepted beyond which a warning message should be prompted

Description the change

To add a 404 error page to keep a visitor on your site even if he/she hits a page that doesn't exist. Also to change the bad User experience to a positive one by adding some links to that 404 page so that the visitor can navigate to some other page.

Screenshots

Any UI/UX related enhancements feel free to ping me or drop a comment here.

Description:

Currently there is no Footer at the bottom of the page. Therefore i would like to add a footer using materializecss

Screenshots:

Suggested Sections

• Topmost illustration
• Project Maintainers: Name,Picture,LinkedIn,GitHub
• Project Contributors: Name,Picture, LinkedIn
• Info about open source, code of conduct, checkout and star on GitHub
• Support Us Section [ Patreon + Buy Me a coffee]...Remove the floating icon

pls provide me details, so that I put links at footer

Description:

Screenshots:

• Side by Side Windows for screen you write and the output for example
• Drop Down Menu for different fonts
• Menu Bars kind of structure on top.
• Better Buttons so that it looks more intriguing. refer this using this

Description:

• There is no PR template right now.
• I want to create a custom PR template so that Any new Contributor must be able to specify if he has met all the requirements like Clean Code, proper README and Documentation, Screenshots (If any) attached and more.

Please assign this to me as a part of CH20

Description:

The page speed of the website is good, but has a pretty good chance of improvement. General points on this are the format of the introductory video and general code practices. The detailed report is given below, with individual analysis for mobile and desktop.

Desktop:
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fdoc2pen.smaranjitghose.codes%2F&tab=desktop

Mobile:
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fdoc2pen.smaranjitghose.codes%2F&tab=mobile

A proper footer should be made for the website to look good

Add options to export as PDF,JPEG,JPG,PNG etc

• A video of the Doc2Pen in optimized format (For any Problems just feel free to contact me)
• Add a button to "Check out Editor"
• Adding Features in a better format with illustrations
• Experiment with Replacing video with a zoomed gif effect (Example given below)
• Improve the content on the page
• Work on the dark mode

Description of the Feature

To give an end user immediate feedback that an application is starting and loading in the background.

Adding Parallex Effect to the Landing page

Add the parallax effect to the landing page to make it look more interactive. Try looking at the UI Kit Parallex.

it is need ithink?? @smaranjitghose

Description of the change

Separate files makes maintenance easier. The separate code makes it easier for web browsers to cache.

Screenshots

Description:

Dark mode in the editor is all black with white font. Try to separate text box with rest of the webpage.

Screenshots:

• Export Options: jpg, png,pdf,docx
• Adding Custom Fonts
• Various Page Options like lined blank etc.
• Different Pen Color
• Text Size variation while writing
• Custom Alignments so that i can place my text anywhere
• Excalidraw Integration
• Google Drive Integration
• Chat Option using socket.io
• Input Text Limit(no. of words that can be given as input)
• Translator [Beta]

• Responsiveness
• Card Structure

1. Go to https://doc2pen.smaranjitghose.codes/ or run app from your local machine
2. Scroll down to bottom

Description:
There are some broken HTML anchor like "link 1, link 2..." on the gray colour section

Expectation:
There should have some useful HTML anchor with proper name

Description:

Screenshots:

1. Go to https://doc2pen.smaranjitghose.codes/ or run app from your local machine
2. Click on "Editor" on top nav bar

Description:
There is no Footer on "Editor" page

Expectation:
There should have footer

This is the first page that opens when a user visits the website. [ the index.html]

• Divide it into sections and full-page parallax
• The first section should have a video in the background. [ Use an appropriate free license video from pixel] and on the top of it use a text animation for Doc2pen
• In the second page, elaborate on the features of the web app, using illustrations from freepik like https://www.freepik.com/search?dates=any&format=search&page=1&query=assignments&selection=1&sort=popular&type=vector. Be creative here. Try to have one liner elevator pitch for each of the features. An arrangement can be like https://ashutosh1919.github.io/#/home done for the text and the illustrations
• The third section should have a check out editor and finally a get in touch button for redirecting to the contact page

we need a separate js file for our project

Description:

Screenshots:

Add various meta tage required for it boost up the rating using lighthouse,pageinsights and gt metrix

• A form
• Link to the Project on GitHub
• A section on code of conduct and LICENSE
• Crafted by section:
  @smaranjitghose (Mine)
  @anushbhatia
  ^^ A card about us
• Molded by section:
  All of your profiles

Description

The website can certainly use a better font collection to amp up the UI!
Add the necessary labels too.

Description

There are two instances of navbar present in the editor section of the website which can be checked here

Screenshot

Possible Fix

Remove the lower navbar.

1. Go to https://doc2pen.smaranjitghose.codes/ or run app from your local machine
2. Click on contact on top nav bar

Description:
when I click on contact, it shows "Oops! Page not Found."

Expectation:
when I click on contact, it should show a contact page

Minimal and Simple Nav Bar with white and dark mode toggle button present as well as
home
editor
contact
For inspiration refer this

• Input window and output window can be made side by side like any online ide

Great work!

I'm not really sure how it is to be done, but it would be great if some mistakes and some amount of untidiness could be added on to the font as well! I don't think I need to explain why! 😄

Cheers!

Description

So when I created an issue there was no option to choose a bug report template though I can see a bug report template is present in the ISSUE TEMPLATES folder of this repo.

Screenshot

Possible fix

Maybe the bug report template hasn't been linked properly so we can check that out.

We wish to have a new UI for the home page since the current one is not visually appealing and the code base is quite messed up

Certain Guidelines:

• All commits are to be made in the beta_1 branch
• Inline CSS and Internal CSS is not permitted
• You can use Bootstrap or Materialize or Tailwind ( But do not use more than one framework)
• All assets (i.e. images, illustrations,etc) are to be stored inside an assets/images/ directory of the beta_1 branch
• You are expected to name the assets properly. Something like xybfg_grh1tgn_pic.png is not expected
• Every Pull Request is expected to contain:
  - A relevant title
  - Screenshots of the changes/enhancements/bug fixes
  - Written Description of what you have done
  ** Additionally your code is expected to be documented with comments
  (GIFs for fun are welcome)
• Please complete the part of the page you have taken and then only move to the next one
• For repeatable elements in the page, let's say cards, something like insertion using JSON will be a great thing
• Do not forget to optimize the assets
• Since this is going to be a single page website (excluding our editor page), so all the CSS should be inside a style.css file and the HTML code inside the index.html file of the beta_1 branch
• Use only Montserrat Font

A Rough Sketch of what we are looking at

Tasks that are required to be done:

• Ensure Mobile Responsiveness ( Please do not claim this, it is expected as a part of your PRs, if there's an issue with some part of the website you can directly give a PR to fix it)
• Navigation Bar ( For now please keep in mind we are working on a light theme)
• Home Section
• About Section ( I expect you to be creative here and add things beyond what I have given in the sketches)
• Team Section
• Contact Section
• Footer ( This is the simplest one, nothing fancy required here)
• Please ensure the color theme is consistent throughout the page and work with the mentors on the same
• Additional tasks ( Can be done in parallel or after the above are done):
  - [ ] Search Engine Optimization ( One single PR with all relevant meta tags including og is expected. Do not forget to elaborate about the same on the description of your PR) Use GTMetrics/LightHouse to check performance
  - Website Optimization ( Code/Assets/Load Time)
  - Improved Animations
  - Improved Documentation

Description the change

There are multiple links in the footer which aren't fulfilling any purpose.

Screenshots

Description:

Screenshots:

• Tweak the SEO of the project to ensure it's ranked #1 on Google Search and try to have some similar hack for GitHub
• Optimize the assets
• Improve the codebase

there is confusion between the button present on the editor page. We have to change the text on the button or change the UI design so that we are able to add more features and in future users clearly understand the functionality of buttons.