hero.badge

hero.title

hero.description

overview.title

overview.description

1

step1.name

step1.subtitle

2

step2.name

step2.subtitle

3

step3.name

step3.subtitle

4

step4.name

step4.subtitle

5

step5.name

step5.subtitle

agile

discovery.badge

discovery.title

discovery.description

discovery.kickoff.title

discovery.kickoff.description

discovery.requirements.title

discovery.requirements.description

discovery.analysis.title

discovery.analysis.description

1

discovery.phase

discovery.foundation

discovery.doc
discovery.draft
discovery.goals
discovery.personas
discovery.functional
discovery.technical
discovery.deliverables
  • discovery.del1
  • discovery.del2
  • discovery.del3
  • discovery.del4
planning.badge

planning.title

planning.description

planning.architecture.title

planning.architecture.description

planning.roadmap.title

planning.roadmap.description

planning.risk.title

planning.risk.description

2

planning.phase

planning.blueprint

planning.timeline
planning.weeks
planning.wk12
planning.label.discovery
planning.wk34
planning.label.design
planning.wk59
planning.label.development
planning.wk1011
planning.label.testing
planning.wk12final
planning.label.launch
planning.techstack
ReactNode.jsMongoDBAWSGraphQL
design.badge

design.title

design.description

design.ia.title

design.ia.description

design.uiux.title

design.uiux.description

design.testing.title

design.testing.description

3

design.phase

design.creating

design.mockup.wireframe
design.mockup.uidesign
design.system
design.palette
design.typography
dev.badge

dev.title

dev.description

dev.agile.title

dev.agile.description

dev.clean.title

dev.clean.description

dev.ci.title

dev.ci.description

4

dev.phase

dev.bringing

App.js
React Component
import React, { useState, useEffect } from 'react';
import { fetchData } from './api';
 
const Dashboard = () => {
  const [data, setData] = useState([]);
  const [loading, setLoading] = useState(true);
 
  useEffect(() => {
    const getData = async () => {
      try {
        const response = await fetchData();
        setData(response);
      } catch (error) {
        console.error(error);
      } finally {
        setLoading(false);
      }
    getData();
  }, []);
dev.coverage
93%
dev.sprint
75%
dev.build
dev.passing
launch.badge

launch.title

launch.description

launch.qa.title

launch.qa.description

launch.deploy.title

launch.deploy.description

launch.support.title

launch.support.description

5

launch.phase

launch.taking

launch.checklist
launch.complete
launch.functional
launch.performance
launch.security
launch.uat
launch.docs
launch.final
launch.package
launch.247
launch.included
launch.monthly
launch.included
launch.securityUpdates
launch.included
launch.monitoring
launch.included
collab.badge

collab.title

collab.description

collab.comm.title

collab.comm.description

  • collab.comm.item1
  • collab.comm.item2
  • collab.comm.item3

collab.feedback.title

collab.feedback.description

  • collab.feedback.item1
  • collab.feedback.item2
  • collab.feedback.item3

collab.transparency.title

collab.transparency.description

  • collab.transparency.item1
  • collab.transparency.item2
  • collab.transparency.item3
tools.badge

tools.title

tools.description

tools.pm.title

tools.pm.description

tools.design.title

tools.design.description

tools.dev.title

tools.dev.description

tools.qa.title

tools.qa.description

tools.comm.title

tools.comm.description

tools.devops.title

tools.devops.description

tools.analytics.title

tools.analytics.description

tools.security.title

tools.security.description