As a user, I will be able to fill out a form in order to get a new plan generated from the AI.

Acceptance criteria

• User can click "generate new plan" button from homepage and be taken to the first page of the form
• User can select an option for what type of application they want to build (FE/BE/Fullstack)
• User can add technologies they want to use
• User can select amount of time they need
• User can add amount of collaborators
• Once the user is on the second question and on, they can click the back button to change their previous response without losing their other responses.
• User can submit form
  (Do not need to work about data that comes back, displaying results)

As a user, I will be able to save my favorite plans in order to see them all on a saved plans page

Acceptance criteria:

• User will be able to click a button that says "save plan" from the results page
• User will be able to go to a saved page, and view all the saved plans
• User will be able to un-save a plan and it will disappear from the saved page

As a user, I will be able to visit the homepage and see options to view a tutorial, or to generate a plan

Acceptance criteria:

• User is able to navigate to the homepage (route "/")
• User is able to see the logo, nav menu, and two buttons for tutorial and generate plan
• User should be able to use the navbar to open a menu
• User should be able to click on "Home", "New Project", "Saved Projects" to go to those routes

Write an error message and set error state on login failure

As a user, when I resize the screen, the elements on the form should not overlap.

• Currently, the CONTINUE button overlaps with the Full Stack button
• Issue occurs on the following screen size width > 970px && height < 830px

• Potential solutions:

• Change height of the form to not be dependent on vh and add a scroller?
  OR
• Add media query to change the layout of the form at small screen heights?

Acceptance Criteria

• Elements on form do not overlap

Extension: Create a carousel for all the youtube videos for the user's resources

As a user, I should be able to deselect a tech stack that I have chosen without having to refresh the page
Acceptance Criteria

• the above user story has been implemented
• the above user story has been tested

• As a user, when I first see the add technologies page, there should not be a notice to add technologies until I try to move away from the page

• As a user, If i try to add a technology that has not been selected I should see an appropriate error message (Please select a technology from the list)

Acceptance Criteria:

• The above user stories have been completed
• The above user stories have been tested in cypress

ReadME includes:

• Names of group members and links to LinkedIn
• Link to BE repo
• Deployment Link
• Technologies used
• Summary of app
• Gifs to show user flows of application
• Wins and challenges?
• Instructions

Styling - use the login button class in css to apply the sizing to the login button but remove the styling that makes the button pink, etc
Functinality - move the googleLogout function into the current logout function

As a user, I should see a timeline of the project to highlight each step to take in the proejct.

Acceptance Criteria:

• User should be able to see each step in an overview
• User should be able to click on each step to see the details of each step

Testing:

• unsaving a project
• visiting all projects
• seeing a message when there are no saved projects
• clicking to generate a plan when there are no saved projects

When the project screen is resized, the color palette should not overlap with the color palette and design titles.

• Issue occurs on the following screen sizes: width < 240px & 1200px > width < 1230px

Acceptance Criteria

• Color palette titles and elements do not overlap

As a user, I should be able to generate a logo from the results page

Acceptance criteria:

• If user has not generated a logo yet, allow users to click a "generate logo" button
• Logo is randomly chosen with a random image and random font
• Logo will persist- if user has already generated one for the project, the logo will be displayed the next time user visits the project.

As a user,I should be able to edit the application in order to customize my generated plan.

Acceptance criteria:

• User should be able to click edit button to see which sections are editable
• User should be able to change the title of the app
• User should be able to add and delete features
• User should be able to add and delete user interactions

As a user, I will be able to see the results from the AI, in order to see the new plan that was generated.

Acceptance criteria:

• User will see a loading animation once the plan is submitted for generation.
• User will be able to see the info from the generated plan including:
  • title
  • summary
  • features
  • color palette