Time for mobile! PWA hype train.

Another month, another sideproject to stick my teeth into. This time around I've built a Progressive Web App enabled mobile site for trading goods and skill sets - a great idea that my gf came up with.

People tend to go out and buy stuff when they need something and throw out stuff when they don't need it any longer. This app tries to change the mindset of people by opening up a space that allows people to trade goods and even skills.

On the technical side of things, this app is built using React on the frontend, MongoDB for database and Node Express.js for handling backend stuff. Got introduced to a new library webpush which made life a little easier.

This project I've put a lot of focus on creating a neat mobile experience, working with components, layout and navigation that makes sense on mobile. I dove deep into service workers and managed to implement Push notifications among other things.

Demo
Mobile and Responsive Web design
PWA
MongoDB
React
Node.js
Cloudinary

2019-07-26Link

Modern social media - Showcasing my coding style

The past 4 days I've been working on a neat little social media site demo. The main purpose of this project is simply to build something 'complete' (changes aren't saved to a database) and then be able to showcase it. I have not created some solid public viewable code in a while so here goes.

In this demo project I'm playing around with a few libraries and test out a new concept. The concept is called minimalistic social media. I believe social media platforms like Facebook have become too broad. This site focuses on just a few things, a blog, a media list and photo albums.

The site is written using modern React with hooks and context. I'm playing around with a few libraries that I really like, like react-spring, react-beautiful-dnd and material-ui.

You can check it out on Github, it showcases my current coding style very well. Important note: I use sonic themed data 🦔 for testing.

Demo
Material Design
React
react-spring
react-beautiful-dnd
JavaScript

2019-06-24Link

Project YouTube

I've started to release coding videos on YouTube. So far I've just released a few and I realize there are many improvements to be made as of now, but we'll get there.

I'm planning to release one video a week, so let's see if we can maintain that goal.

The main objective is to find some area of programming using JavaScript that haven't been covered and make a video to show people how I have done it.

Hit me up for any ideas you might have.

Project
YouTube
JavaScript
Video Content

2019-06-17Link

Secondhand priser

This website intended use is for looking up secondhand goods in Denmark.

In Denmark there are many websites where you can buy/sell used items and it can be pain to check them all out one by one.

This site solves the problem by fetching all the products from the different sites and putting them in one place.

One of the key features is that it also scrapes items off Facebook Marketplace, which cannot be done by a simple webscraper tool.

Live
JavaScript
Headless Chrome
Node.js
AWS EC2
Puppeteer

2019-05-30Link