//A React Project...

The Shopping List App

The To Do List App on desktop, mobile and tablet devices.

React

In Brief...

Project Brief

Create a simple, sticky note style Shopping List App using React, with the following functionality:

View Live View On Github
The Build...

Building The App

This was my first React project and I enjoyed learning the basics of reusable components, passing props, holding and modifying component data in state and freshening up my ES6 knowledge with class components and arrow functions.

For this project I also chose to set up React manually rather than using create-react-app, so I got to experiment with Webpack, Babel and NPM.

I also created a seperate data file for use in the building and demoing of the app, and played around with various useful JS methods like .map().

Other Projects

To Do List App

(A portfolio staple)

HTML

CSS

Javascript

Beautifully organised, wonderfully simple. Read More