https://brunenberg.github.io/nl/tags/react/Recent content in React on Wouter BrunenbergHugonl-nlSun, 22 Jun 2025 00:00:00 +0000https://brunenberg.github.io/nl/projects/household-budget-web-app/Sun, 22 Jun 2025 00:00:00 +0000https://brunenberg.github.io/nl/projects/household-budget-web-app/<h2 id="overview-">Overview 🗺️</h2> <p>Dit was een duo opdracht voor het vak &ldquo;Advanced Javascript&rdquo;. Het doel was om een huishoudboekje applicatie te maken aan de hand van React en Firebase.</p> <h2 id="technologies-used-">Technologies Used 🛠️</h2> <ul> <li>React</li> <li>Firebase</li> <li>Next.js</li> <li>TypeScript</li> <li>Tailwind + DaisyUI</li> </ul> <h2 id="showcase-">Showcase 📸</h2> <h4 id="account-select-pagina">Account select pagina</h4> <p><img src="https://brunenberg.github.io/images/projects/household_budget_accounts.png" alt="Account select page"></p> <h4 id="startpagina">Startpagina</h4> <p><img src="https://brunenberg.github.io/images/projects/household_budget_home.png" alt="Home page"></p> <h4 id="transacties">Transacties</h4> <p><img src="https://brunenberg.github.io/images/projects/household_budget_transactions.png" alt="Transactions page"></p> <h4 id="analytics">Analytics</h4> <p><img src="https://brunenberg.github.io/images/projects/household_budget_analytics.png" alt="Analytics page"></p> <h4 id="categorieën">Categorieën</h4> <p><img src="https://brunenberg.github.io/images/projects/household_budget_categories.png" alt="Categories page"></p>