Andrew Rudnev | Full-Stack Developer

Technical Skills

I've experienced web development on many platforms through university classes and self-learning. I have a good grasp of front-end development and my back-end skills are improving every day!

HTML

CSS

React

JavaScript

Bootstrap

AngularJS

Node.js

Express

SQL

MongoDB

AWS

Git

JSON

NPM

Linux

PHP

Java

C++

Projects

I've created this page to showcase my frontend proficiency but I also have a long backlog of websites I've created while learning various languages and frameworks. Here are a few for which I'll state the lessons learned and what technologies/features to be on the lookout for. All site hosting and configuration has been handled by me and all sites have SSL certificates.

Tourism Craigslist Site

•MongoDB •Express •Node.js •Mapbox •Sessions

A full stack craiglist-like service listings website for Danang, Vietnam. Allows users to create accounts, view and add listings with information and photos, and rate other listings. I used Express to handle backend logic such as DB manipulation, sessions, file upload, and user authentication/authorization. Some of the NPM packages used to allow for this functionality were MAPBOX-SDK, CLUDINARY, CONNECT-FLASH, CONNECT-MONGO, DOTENV, EJS, EJS-MATE, EXPRESS-MONGO-SANITIZE, EXPRESS-SESSION, HELMET, JOI, METHOD-OVERRIDE, MONGOOSE, MULTER, PASSPORT, SANITIZE-HTML.

React Movie App

•React •APIs •Material UI

A movie single-page application that queries the tmdb API to dynamically update pages with movies and their associated info. Contains a trending tab that queries current trending movies, a movies and tv shows tab that allows users narrow down searches by category, and a general search tab that allows users to search by title. All results contain a rating and can be clicked for a popup with their poster, info, characters, and trailer link.

Simple Minesweeper Clone

•Vanilla JavaScript •HTML •CSS

Left click to clear space or right click/hold to flag it. A number tells you how many adjacent tiles have mines in them. If you click on a mine, you lose. New game creates a 2-dimensional array of tile Objects which store their associated x/y coordinates, visibility status, and whether they're a mine. When a user clicks, a function determines whether the clicked position contains a mine, a number, or an empty space. If the space isn't a mine, it runs the adjacentTiles function to determine how many bombs are in the adjacent tiles and sets the number. If there are no adjacent bombs, recursively runs the revealTiles function on all adjacent tiles until bombs are found.

Restaurant Landing Page

•Bootstrap •HTML •CSS

Attractive landing page for a fictional BBQ restaurant. Contains attention-grabbing video and information above the fold to entice and convert webpage visitors into customers. Contains essentials like a menu, specials, an about us section, and a contact box at the bottom.

Principles

Here are some of the most valuable lessons I've learned during my webdev journey so far.

Security Exploits & PII

For my degree, I did ethical hacking and patched many of OWASPs top 25 vulnerabilities. Skipping a few security steps in application design can cost considerable money, trust, and time. Prevantative maintenance is best and should include sanitizing inputs to prevent SQL injection, implementing security certificates to prevent XSS, carrying out proper authentication and autherization to prevent users from gaining elevated privileges, protecting PII, and properly storing passwords.

Don't Reinvent the Wheel

While it can be very satisfying to sit down and develop new APIs or functions to carry out a particular task, it is important to make sure you're not doing so uneccessarily. Not only will developing your own version of something that already exists take a considerable amount of time and effort better spent elsewhere, it'll likely be worse and less secure than something that's existed for years and has had hundreds of people contribute to it.

RESTful Routes

RESTful routes are a set of principles that all major websites and APIs are built using. Using GET, POST, PUT, and DELETE allows users to view, add, edit, and delete content while going through website URLs in a a standardized and predictable way. REST is directly tied to CRUD, the basic commands that get carried out inside the database on the backend to make the website reflect any changes made by the user. RESTful routes seamlessly integrate with EJS are great for dynamic websites populated from databases.

DRY Code

It's crucial to use the principles of OOP and carefully design objects, classes, variables, and functions to make code more easily readable and customizeable down the line. Proper use of functions and objects can prevent the reuse of similar code and the resulting DRY code allows commenting to be much more thorough and precise. Coding in a non-DRY manner makes the code more convoluted and makes things that could be changed by replacing a single variable or two in well-written code more difficult and error-prone.

Mobile-First Development

Globally, nearly 70% of all website visits are from mobile devices. If somebody is viewing your site, there's a high change they on their phone. As such, sites should be optimized for an intuitive mobile experience. This means not loading full-resolution desktop images to save data, having elements fit properly to small screens for an intuitive experience, and optimizing menus and interfaces to be phone friendly.

BEM Methodology

Breaking things down into blocks allows for better website organization as well as longer lasting code. Since BEM code typically isn't context dependent it's able to be transferred to other places with ease. Elements are part of specific blocks and make sense in context of the block they belong to. Blocks can be nested to form a BEM tree and are easy to move around a page. CSS structure is easy to navigate with unique identifiers for blocks and elements.

Interested In Working Together?

I'd love to hear from you! Take a moment to fill out my contact form or simply email me at andrewrudnev@gmail.com

Hi, I'm Andrew. I design & build