Greetings developers, COVID-19 has granted many of us with a lot of time on our hands. With this time I have been working on a personal project using my standard weapon of choice Node JS, I, however, have been looking for something that would stretch me out of my comfort zone. So I have decided to look into converting my current stack from Express JS and Nuxt JS to Django and React Native. Within this series of articles, I will show you how I utilised different technologies to mimic my current project.

Image for post
Image for post

Why am I using Django?

My first reason for Django would simply be how rapidly you can your project into production with the ability to still write DRY and scalable code, even self-proclaiming themselves as “The Web Framework for perfectionists with a deadline”. My other reason would be that Django is well maintained and established, this allows for a big community for help, resources, and the bonus of frequent security patches. …


Greetings developers, I have just completed my journey from working as a full-time agency drone to being a self-employed contractor! For my handover, I have decided to create a guide on how to set up your Mac to be development ready in an agency that uses primarily JavaScript & PHP.

Browsers

Browser testing is very important when building websites and applications in an agency, on a Mac you will really only need to test on the top three browsers. But if you would like to install anymore don’t hesitate, every agency/company have different ways of working with browsers.

Safari

Todays your lucky day, if you are reading this from a fresh install of your mac chances, are that you are already using Safari! If you are planning to use Safari as your main development browser, I would recommend getting the Safari Technology Preview edition. The Tech preview version gives you all the upcoming features of Safari so you can plan ahead of the curve, but be aware some features might be fixes for the current version so always run a test in both! You can download Safari Technology Preview from here…


Greetings developers. We have finished the main aspects of our serve-side architecture, it is now time for us to start building the front-end of our application. We will be using Nuxt.js to create our Login & Registration forms, to allow us to allow users to login and create accounts.

Table of Contents

Image for post
Image for post

The first thing we need to do is make sure that we have CORS enabled on our API. To do this open backend/config/custom.js


Greetings developers. If you have been following this series, you would have built most of your server-side architecture. We are now ready to start building the front-end of our application. But before we get into that we’ll configure our application to send emails with Mailgun, create Custom Responses & upgrade the frontend of our application to Nuxt.js 2.0.

Table of Contents

Image for post
Image for post

First we are going upgrade our frontend to Nuxt.js 2.0 As we have not actually touched our frontend folder its okay to just delete it and start again. In Nuxt.js 2.0 they have added a new scaffolding tool to quickly get your Nuxt application started. …


Greetings developers. Conway here again! Last time, we covered how Sails.js handles Models, Controllers and ultimately how this will structure our application. In this article, I will be explaining an in-depth analysis of Models & Actions as well as creating Associations and authorising our Actions with Policies. Ensure you are in the backend directory of our project. If you skipped the last article and want to start from here, make a pull form the GitHub Repository.

Table of Contents


CSS frameworks have structured the internet as we know it. Developers are able to quickly build and deploy the front-end of your web application with very little coding. This is great for people learning to build websites. However, I believe this makes a lot of the internet look the same and makes developers slightly lethargic.

In my current role, I have banned my developers from using these frameworks, pushing them to create their own. The purpose of this article is to show you how to use common SASS functions to easily generate yourself a scalable CSS grid framework.

Let’s get started

To begin, we will be creating SASS Maps. An SASS Map are essentially associative arrays that allow us to map keys with values. We need to create two maps to associate sets of container widths and grid breakpoints to devices. I recommend declaring variables for the amount of columns you will be using and the size of the gap between them. Create a SCSS file and add the…


Greetings developers! The name’s Conway. I am the Lead Developer at a leading luxury agency in London. I have come to the conclusion that I would like to build something for myself; so I am going to build a fully functional blog and we are going to build the foundations together. I will not be taking the easy way out and using a pre-built CMS like WordPress, I will be building a single paged application from the ground up.

Table of Contents

About

Conway

Full-stack web & mobile application developer.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store