# TFB - InCommon Design Week Cemal, Mohamed, Barbara, Adriana, Alex --- ### Introduction (Cemal) - [x] Overview of project - [x] Demo (Signup, Login, Event View, Event Creation) --- ### Create Events (Alex) React and forms --- ### Different pages for different stages --- ```jsx= const [stage, setStage] = useState(1); ``` --- ```jsx= if (stage === 1) return ( /* 1st stage */ ); if (stage === 2) return ( /* the next stage */ ); if (stage === 3) return ( /* another one */ ); if (stage === 4) return ( /* the last stage */ ); ``` --- ```jsx= <Button ... onClick={() => setStage(stage - 1)}>Back</Button> <Button ... onClick={() => setStage(stage + 1)}>Next</Button> ``` --- ```jsx= <EventActivity setStage={setStage} stage={stage} ... /> ``` --- ### The state of the place --- ```jsx= const [signUpEmail, setSignUpEmail] = useState(''); const [signUpPassword, setSignUpPassword] = useState(''); const [type, setType] = useState(''); const [orgName, setOrgName] = useState(''); const [orgAddress, setOrgAddress] = useState(''); const [contactName, setContactName] = useState(''); const [contactNumber, setContactNumber] = useState(''); ``` --- ```jsx= const [newEvent, setNewEvent] = useState({}); ``` --- ```jsx= <EventActivity ... setNewEvent={setNewEvent} newEvent={newEvent} /> ``` --- ```jsx= const handleChange = (e) => { setNewEvent((oldEvent) => ({ ...oldEvent, activity: e.target.value })); }; ``` ---  --- ### How to sign up 1. Introduction chat with inCommon 2.  3. Wait for Approval 4. inCommon Admin:  --- ### Sign-up behind the scenes #### 1. Sign-up form :arrow_right: setState <!---->   --- #### 2. Create Firebase user - Safe authentication - User can log in while awaiting approval  --- #### 3. Create Airtable user - With form entries & Firebase-uid  --- #### 4. Approved accounts can use the website  --- ### Airtable: Database & Admin Control - Accounts  - Activity Ideas  - Events  --- ### Airtable Automatic Emails  --- ### Airtable Automatic Emails  --- ### Testing (Adriana)  --- ### Before  --- ### After  ---  ---  ---  ---  --- ### cy.session() * The new cy.session() command solves this problem by caching and restoring cookies after a successful login. * The steps that your login code takes to create the session will only be performed once when it's called the first time in any given file. * Subsequent calls will restore the session from cache. ---  ---  ---  ---   --- ### Sprint Planning  <!--  --> --- ### Sprint Planning <iframe src="https://giphy.com/embed/iIMnq64YJPb3YlYuDk" width="276" height="280" frameBorder="0" class="giphy-embed" allowFullScreen> </iframe> - [ ] Insuring that each issue has got an estimation - [ ] Backlog carried over (Mainly server/client side, testing and error handling) --- ### Kanban   --- #### Sprint Velocity <iframe src="https://giphy.com/embed/l41lH8Zan6Zs5CHmw" width="480" height="380" frameBorder="0" class="giphy-embed" allowFullScreen></iframe> Step 1: how many user story points are completed in each sprint --- ### step 2: Divide step 1 by sprint <iframe src="https://giphy.com/embed/dWlBM4Uw056Q3IrpDy" width="480" height="405" frameBorder="0" class="giphy-embed" allowFullScreen></iframe> --- <iframe src="https://giphy.com/embed/Q8rZWVOb7JJdGWJJwn" width="480" height="405" frameBorder="0" class="giphy-embed" allowFullScreen></iframe> #### step 3: Calculate the average sprint velocity: So your average sprint velocity is [total velocity] ÷ [the number of sprints] = the average sprint. --- ### Attempt: PERT Estimation Technique <iframe src="https://giphy.com/embed/nkLB4Gp8H6hFe" width="480" height="270" frameBorder="0" class="giphy-embed" allowFullScreen></iframe> --- ### Learnings - [ ] Selecting each task and breaking it into small pieces - [ ] Ticking each tasks in the issues - [ ] Only merging branch with the main when issues has been resolved (vercel) - Things to bare in mind - [ ] People are getting tired. In future playing games together could help us all. - [ ] Have a chat with the other team --- ### Any Questions <iframe src="https://giphy.com/embed/FCiTB1Byb2ocAdXIiq" width="480" height="405" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>