Front-end web development and Back-end web development
Essentially a professional JS Dev. I use TypeScript and React on the frontend, and Deno and Node on the backend
I use Docker, Github Actions, and bash scripts to streamline my development workflow and increase DX (developer experience)
Using my web design knowledge, I transfer my mockups from Figma to HTML and CSS. I use SASS and sometimes Bootstrap to maintain a cleaner, more powerful codebase.
React is my front-end framework of choice, and I use the skills I learned in React and apply them to creating mobile applications in React Native.
Here is my process for how I design and code a website:
I use the principles of web design to create a mockup of what I want my site to look like in Figma.
I then take the specifications from my Figma design and transfer it into simple HTML and CSS, using stuff like Bootstrap, Tailwind, and SASS to power up my CSS.
Using Node.js and Express, I create routes and serve static content on those routes. I create an API behind the scenes for database and user management. If I'm only working a front-end intensive app, I will use a service like Firebase for my backend needs.
I use Google OAuth and session authentication to authenticate users to the website, allowing them to edit data on their account. I make sure to hash passwords and use trusted security methods.