Add form and return JSON

[PrajwalArali]

Closes Issue

Closes #11

Description

Added Form that takes the user input and logged them at console in JSON format.
/my-portfolio/manual-edit

[vercel]

@PrajwalArali is attempting to deploy a commit to the hikartik2004's projects Team on Vercel.

A member of the Team first needs to authorize it.

[hi-Kartik2004]

Hi @PrajwalArali,
Thanks for raising a PR, however It would be more appropriate if you could handle all the fields, specified here #11

I see you're handling most fields which accept simple single input, but missed the ones which are arrays.
For example this field projectDetails

 projectDetails: [
    {
      projectImage:
        "https://user-images.githubusercontent.com/111000515/251038755-3eed0115-7085-4b5c-8bee-9952b18adc09.png",
      projectTechStack: [
        "JavaScript",
        "PHP",
        "MySql",
        "HTML 5",
        "CSS 5",
        "Hack",
      ],
      projectHostedLink:
        "https://learn-stock-trading.000webhostapp.com/?home=firstTime",
      projectType: "fullstack",
      projectName:
        "Trading Arena - Real Time Stock Trading Simulation / Stocks Playground",
      projectGithubLink: "https://github.com/hi-Kartik2004/TradingApp",
      projectDescription:
        "Users can browse live stocks as per National stock exchange - India. Upon signup, users are credited with Rs 1lac (virtual currency) to buy and sell stocks, with the amount credited based on the latest stock prices.",
      projectId: 0,
    },
    {
      projectGithubLink: "https://github.com/hi-Kartik2004/CodeFury-6.0",
      projectType: "fullstack",
      projectName: "Digital Clinic - A Web App Addressing Mental Health Issues",
      projectDescription:
        "This application offers various features such as Mental Health Assessment, Social Media & Articles Summariser, Articles on improving mental health & digital wellbeing, Community Articles, and more.",
      projectId: 1,
      projectImage:
        "https://user-images.githubusercontent.com/111000515/282149083-1d053699-0281-4c93-a6fb-2b646d7bbd1b.png",
      projectHostedLink:
        "https://digital-clinic.000webhostapp.com/?home=firstTime",
      projectTechStack: [
        "Rest APIs",
        "AJAX",
        "JavaScript",
        "PHP",
        "MySql",
        "HTML 5",
        "CSS 5",
        "Hack",
      ],
    },

Let me know if you need more clarity.

[hi-Kartik2004]

You can also handle the update portfolio json logic, the implementation is here

Simply replace the value of the key named portfolioCode in your session storage when the user submits the form.
and call this function (in order to make a call you first would need to export this function from it's original file and import it in your .../my-portfolio/manual-edit/page.js file)

[hi-Kartik2004]

I don't think you need to change the versions too
But no worries, I'll ignore them during merge.

[hi-Kartik2004]

refer #11 for all the fields required in the form

[hi-Kartik2004]

Handle update portfolio code in firestore!
Function to do the same

[hi-Kartik2004]

Their is a component <Input /> (note capital i)
Use it instead for standard styling across the whole app.