Todolist App — React Native with a GraphQL REST/CRUD API

My first foray into the React ecosystem. A simple premise — a to-do list mobile app — but it was the project where the core ideas of React actually clicked: component-based architecture, unidirectional data flow, and how a UI re-renders from state rather than being manually mutated.

What I built

  • A React Native front-end for creating, completing, and deleting tasks.
  • A Node.js + GraphQL backend exposing CRUD operations, backed by a database — my first time wiring a mobile app to persistent storage rather than local state.
  • Full round-trip data flow: mutations from the app, queries to refresh the list, and error handling around the API calls.

Why it mattered

Small in scope, but foundational: it’s the project that taught me to reason about REST/GraphQL APIs and CRUD operations, and gave me enough React fluency to later work as a front-end developer at Atlas Music (Assas Lab Incubator, Paris) and on the medical-imaging interfaces described in later posts.

Stack: React Native, GraphQL, Node.js. Code: github.com/VendenIX/Todolist-react-native Demo video: youtube.com/embed/tkCRqmgGa4Q




Enjoy Reading This Article?

Here are some more articles you might like to read next:

  • Explainability and Clinical Trust of Deep Learning in Glioblastoma Treatment Response
  • MetIA — Deploying a Deep Learning Interface for Brain Metastases Segmentation
  • GeneticPedigreeChartToPed — Digitizing Family Trees for Hereditary Cancer Risk
  • Sorting Algorithms Visualizer & Comparative Performance Study
  • AI vs. AI — Virus Infection Battle with Minimax / Alpha-Beta Pruning