Case study

Case Study: Development Projects with React, Next.js & WordPress

A selection of development work across industries — building responsive, performant websites and dashboards using React, Next.js, and WordPress.

Year

Various

Client

Multiple

Scope of work

React, Next.js & WordPress Development

Development projects hero

1. Project Overview

Alongside my design work, I have also taken on development projects using React, Next.js, and WordPress. These projects span different industries—from government services to small businesses—highlighting my ability to adapt coding solutions to various needs.

My role was to translate ideas and requirements into functional websites and applications, ensuring usability, performance, and scalability.

2. Tools & Technologies

  • Frontend: React.js, Next.js
  • CMS / Backend: WordPress
  • Other: Responsive design, API integration, performance optimization

3. Projects Included

Health Ministry Portal (Government Project)

  • Developed parts of a digital health services platform.
  • Focused on usability, accessibility, and compliance with government standards.

Pre-Accounting Platform

  • Built a user-friendly interface for managing financial records.
  • Integrated features for invoices, reporting, and user management.

Anchor Stretch Website

  • A promotional site for a fitness/wellness brand.
  • Implemented clean UI layouts with responsive components for all devices.

Coffee Shop Website

  • Designed and developed a modern, inviting website to showcase menus, promotions, and contact details.
  • Optimized for local search and fast loading.

Leave Management Dashboard (ERP Software)

  • Created a dashboard for employees and managers to handle leave requests and approvals.
  • Integrated into an existing ERP system for consistency.

4. Challenges & Solutions

Challenge: Each project had different needs and industries.

Solution: Leveraged modular coding practices, reusable components, and WordPress flexibility to adapt quickly.

Challenge: Ensuring responsiveness across devices.

Solution: Used Next.js and React best practices with a mobile-first approach.

5. Outcome

  • Delivered functional, responsive websites and dashboards for multiple clients.
  • Gained experience working with both private companies and government agencies.
  • Strengthened my coding skills in React, Next.js, and WordPress.
  • Demonstrated the ability to balance design and development effectively.

6. Reflection

This collection of development projects helped me grow as a well-rounded professional — not only designing interfaces but also building them into fully working solutions. Each project taught me how to adapt to new industries, requirements, and technical challenges, which I now carry into every future project.

Development work 1
Development work 2
Development work 3
Development work 4
Development work 5