arroyodev-llc / big3d Goto Github PK

This issue is to implement navigating the section using the navigation tabs on the top as well as allowing the user to click go big now to go to the wizard. The only buttons in this pr that doesn't work are in pricing since there is a pr for it already

The next step is to ask the user for the size and type of connectors to use. We will start simple and later make this much smarter.

When the screen loads, you should retrieve from the API:

• the number of connectors
• the number of edges
  Display those on the screen.

For connector types:
The choices are a radio button for all 5... ie.. you can ONLY choose 1.

• add the 3 square wood size types
• add the 2 PVC size types.

For now, disable the 2 square size types

Once selected, pass the selection BACK to the API to feed the engine.

• Make and advanced button to open an advanced modal
• Load the existing settings from the API
• Allow the user to change the settings and save them back.
• save will close the modal

in Figma there is a warning about number of edges.. ignore that for now.

On this step we first need an input. the user needs to tell us the largest dimension of the model.

When you first come to this screen, we will show

• a shilloette image of a 5'6" person
• the api endpoint (BRADEN TO PROVIDE) will deliver an image of the uploaded model. Show it on screen and make it the same size as the 5'6" person

We ask the user to put in the largest dimension of the model (does not matter X,Y, or Z. just what is the largest dimension, Bradens engine will match it up to the largest dimension in the model.

• input for largest dimension
• have a selector for units of measure. For now that will be inches, millimeters, centimeters, or meters.
• When that unit of measure is given, we feed that back to the API (Braden to provide Endpoint)
• We will also calculate that measure against the image and re-scale the model image relative to the 5'6" person. (example, if the model were give 13' 2" as the largest dimension, we would re-size the model proportionately larger against the 5'6" model).

Description

Convert repo to pnpm monorepo.

Screenshots

N/A

Tasks

• convert to monorepo with pnpm
• update paths and code
• fix errors with migration

• First Step is to upload a file to the system.
  

• once uploaded, then show the successful file name and the opportunity to either Start over, or go to next step

• Set up a big3D YouTube channel with graphic on top
• Setup Facebook account
• Setup InstaGram account

This needs a gallery section.

when you start this, lets discuss 2 options..

1. just use the gallery control.. and how we get new images added
2. just connect to an instagram account for image management.

Once Kyle finishes up with the authentication stuff, the tail end of that process is to get the users credit card info and charge it to our account.

• use the squareup stuff to run the card.
• use the square up coupon code option.
• Create a promo code for 'Free3d' and make it charge zero dollars.

• IF DIY: Show a confirmation success message with a link to the downloads page if it worked

• IF KIT: Show a confirmation message with extra words and a download link.

• [ ]. all the download links go to the persons account page to download.

• Show an errors page if there was a problem processing the order.

Here you will allow the user to chose from 2 options: DIY or Finished Kit.
For either mode, you will calculate the number of connectors x a variable for each. For giggles, I have randomly chose .52 cents for DYI and $2.5 for a finished kit. These numbers will change in the future, but its easy enough to just edit the website when needed. it wont happen often.

As a user, I want so be able to choose from my build options

• calculate the cost of each by multiplying the number of connectors by the stored price for each type (DIY or Finished Kit).
• allow the user to select a radio button for either type.

• when you select a radio button for the type, display the "Whats Included" section text and enable the "Checkout" button

This is a static page. it will link off the Order page

• create link to the Sample page
  

• Create this sample page with a link to the download zip file attached here. (we will replace this from time to time with a better more updated zip file behind the scenes).

see comment below for the first temp zip file for download.

Authentication

Lets start with the easy...

if you click on the login button, you will be presented with a login screen where you can .... well..... login.

• login

• if you forget password, click the forgot password link and be presented with a reset option.

-[ ] if presented with a password reset page AND if their email is correct, then do whatever cognigto wants us to do to handle reset...

Once authenticated, you should see the user page where you can change the following settings:

DURING the ordering phase,

IF a user is already authenticated, do not make them re-authenticate, just auto go to the next step

IF a user is not authenticated or does not have an account, then present the login/ create account options

• if they forgot password, do the same as before and present password reset. do the cognate thing (same as above).

• If they hit CREATE ACCOUNT and we dont already have an account for that email then go ahead and create the account. and present the next screen for more account details. save those to the account when they go to the next step.