Engineering-Notes-Website icon indicating copy to clipboard operation
Engineering-Notes-Website copied to clipboard

Enhancing Project Submission page: Improving Design, Secure Data Storage, and Feedback [GSSOC-23]

Open Mrprayag077 opened this issue 2 years ago • 8 comments
trafficstars

Description:

I would like to propose a feature enhancement for the projects.html page, which is one of the main pages of our website. Currently, the design of this page appears overly simple and unattractive, which may discourage users from filling out the project submission form. Furthermore, upon submitting the form, users encounter a warning message stating, "The information you're about to submit is not secure. Because this form is being submitted using a connection that's not secure, your information will be visible to others." This warning can deter users from sharing their project details.

Screenshot (1176)

Screenshot (1177)

To address these issues, I suggest the following improvements:

Design Enhancement: Revamp the design of the projects.html page to make it visually appealing and engaging. Incorporate attractive elements, intuitive layout, and relevant imagery to enhance user interest and encourage form submission.

Data Storage Enhancement: Provide an option to store project submissions directly in a database or spreadsheet, instead of relying solely on email. This will streamline data management, improve efficiency, and ensure seamless retrieval of project details.

Feedback on Form Submission: After users submit the project form, display a confirmation message or redirect them to a thank-you page to acknowledge their submission. This will provide a positive user experience and reinforce their confidence in the successful completion of the process.

For inspiration and reference, please review the example I have prepared, showcasing these proposed enhancements: [ https://mrprayag077.github.io/NOveracion-Global-Website-Internship/casetudy.html ]

Screenshot (1178)

Screenshot (1179)

output--

Screenshot (1183)

@NageshMandal Implementing these improvements will enhance the overall user experience, increase user engagement, and facilitate secure and efficient project submission. Plz assign me this task.

Mrprayag077 avatar Jun 08 '23 04:06 Mrprayag077

@NageshMandal plz assign me this task under gssoc-23

Mrprayag077 avatar Jun 10 '23 12:06 Mrprayag077

I have made the required changes, icould not do the spreadsheet storge feature because our server does not allow a POST METHOD

improved features:

  • UI/UX of the form
  • solve the error before on submit "the information you are submitting is not secure" as occurring. I have solved it.
  • added form validation to check all fields are entered.
  • added functionality to reset the form data on submission.

https://github.com/NageshMandal/Engineering-Notes-Website/assets/99162236/dc2b4fd5-3306-4335-9431-0cd3133760bd

give me permission to create a pull request

Mrprayag077 avatar Jun 15 '23 12:06 Mrprayag077

@NageshMandal plz review the chnages

Mrprayag077 avatar Jun 16 '23 15:06 Mrprayag077

@NageshMandal plz review the changes and give permission to make a pull request

Mrprayag077 avatar Jun 17 '23 11:06 Mrprayag077

@NageshMandal plz review the chnages

Mrprayag077 avatar Jun 18 '23 18:06 Mrprayag077

@NageshMandal plz review the changes, reminder.

Mrprayag077 avatar Jun 21 '23 16:06 Mrprayag077

@NageshMandal plz review the changes

Mrprayag077 avatar Jun 23 '23 10:06 Mrprayag077

@NageshMandal plz review the changes

Mrprayag077 avatar Aug 04 '23 16:08 Mrprayag077