2023/Fullstack/course

simfoniSelera

Most frontend engineers think their job ends when the UI renders correctly in a browser. It does not. A restaurant catalog that looks great but ships unoptimized assets and has no test coverage is a liability, not a product. I built simfoniSelera to internalize the full frontend delivery discipline, not just the visible layer.
I structured the entire project around a Webpack configuration strategy. Two separate build modes handle development and production behavior explicitly. A dedicated image processing script using Sharp handles asset optimization as a first-class step. The dist output is served through a local static server that mirrors real deployment conditions as closely as possible. The biggest takeaway is that test confidence comes in layers. Jest covers the unit-level JavaScript logic, while CodeceptJS handles the e2e user flows that cross component boundaries. Treating both as required delivery steps rather than optional extras is what separates a course project from production-grade frontend thinking.