Create New Project page

[marinacatbytes]

Note: New Project page is where logged in users with role "mentor" can create a new project

User Story

As a logged in user with the role "mentor" I should be able:

• to click "Projects/Collaborations" and move to All Projects page (separate ticket)
• to click the button "Create New Project" on the All Projects page and be redirected to the "Create New Project" page
• to fill in required and optional fields (see below ACs)
• to click "Save project" button (separate ticket)

Acceptance Criteria

Visible fields in the form (* = mandatory fields):

• Project title* (string, max number of chars = 20)
• Brief project description* (string, max number of chars = 150)
• High-level area of project: buttons that you can click / select various tech (web, mobile, game)
• Lower-level area of project (depends on previous selected option):
• • • if selected "web": [JavaScript, React, Node.js, PHP, Vue, Next.js, Angular]
• • • if selected "mobile": [React Native, Flutter, Kotlin, Java, Swift]
• • • if selected "game": [Unity, C++, Unreal Engine]
• "Required project team" field:
• • • by default user sees an empty input field (free text, max number of chars = 20)
• • • as user starts to type, button "Add" or "+" appears
• • • when users clicks "Add" new role is added to the list and input field is reset
• • • each added role will have "delete" and "update" button and corresponding functions
• "Links to project documentation" field:
• • • consist of 2 field: link (string) and description (string, max number of chars = 20)
• • • as user starts to type AND if value exists in both fields, button "Add" or "+" appears
• • • when users clicks "Add" new link is added to the list and input fields are reset
• • • each added row with link and description will have "delete" and "update" button and corresponding functions