en / es / ca / de

Duck Store

Duck Store is an e-commerce SPA that shows information about rubber ducks. This project was developed during the Skylab Bootcamp in 3 different ways focusing on continuous refactoring.

Source code

Features

  • You need an account to access the store.
  • Registration and login functions are included.
  • When a search is made, all the ducks matching the criteria will appear.
  • You can see more details about any product by clicking on the image.
  • There is a favourites section to save the selected products.

What I learned

  • How to continuously refactor code.
  • How to develop a login and registration by consuming an API that works as a database.
  • How to handle errors by using components.
  • How to separate logic according to concerns.
  • How to render the application from the server side with Express and Pug.

Technologies

  • Front-end 1: Node with Express and Pug, CSS-SASS
  • Front-end 2: React (JavaScript), CSS-SASS
  • Front-end 3: JavaScript, HTML, CSS-SASS
  • Back-end: -