The Floor is Yours Dance Studio

Local dance studio website. Built with React, Material UI, and Node.js/Express. Although the website doesn't necessarily require reusable components and such, this project was a huge learning experience in building out a React app, React-Router, ES6 functions, and its relationship to the server side of things.

Most fun: Building the Accordion

// mapping over classes
classArray.map(classItem => {
  return (
    <ClassAccordion classItem={classItem} />
  )
});

// rendered class accordion
const ClassAccordion = (props) => {
  const classes = useStyles();

  return (
    <div>
      <Accordion
        expandIcon={<ExpandMoreIcon />}
        aria-controls="class/instructor content"
        className={classes.accordion}
      >
        <CustomAccordionSummary>
          // my code
        </CustomAccordionSummary>
        <AccordionDetails>
          // my code
        </AccordionDetails>
      </Accordion>
    </div>
  )
}

Most challenging: Server configuration and client build

When I learned React, all I really had to learn was create-react-app. But, an extensive dive under the hood taught me everything that was happening from Babel to Webpack/React-Scripts.

Understanding this helped me understand the build, and understanding that lent a hand in helping me grasp React's relationship to the server-side.

---

Check out the live site at https://www.thefloorisyoursdancecenter.com/ 💃

---

Built by Matt Pignatore

Technologies used: React, Material UI, Node.js/Express, Nodemailer