Frontend Developer · projects

Frontend Developer: projects

Three portfolio projects for Kirana Express, a fictional grocery shop in Pune, plus the capstone that brings them together. All three use one practice app with synthetic data, and its tests tell you when each project is finished.

How the capstone relates to the projects: the capstone is not a fourth build. It is the three projects finished in the same app, all tests passing together, plus a demo, case studies and an honest self-review. Build the projects in order (components, then the app, then speed), then complete the capstone self-check.

Before any project: download the starter kit, follow kirana-express/README.md, and check that npm run dev shows the browse page at http://localhost:3000. Everything in the kit is invented. Payments are a test-mode simulation in your browser: no card is charged and nothing is sent anywhere. Passing its tests shows your frontend works; it doesn't prove a real payment provider integration works.

Starter files for every project: download the zip.