Summary page of my web development and programming activity

I am learning and applying HTML, CSS, JavaScript, Python, as well as some of the most popular libraries and web development frameworks: ReactJS, NodeJS, Flask and Django, to solve different web development and data analysis problems.

To those just starting to learn how to code I would recommend Harvard’s CS50 - An introduction to the intellectual enterprises of computer science and the art of programming. It is a very challenging course, but it will give you a rock-solid foundation to keep learning more advanced topics.


🔧 Here are some of my recent web development projects:

URL Shortener with Python
Moon Phase With JavaScript
ECommerce Front End with Flask
Twitter Clone with React
Bootstrap Real Estate Website

See All Projects >>


🎓 One of the most exciting aspects of web development, programming and data science is that you never stop learning. I follow a self-directed approach by regularly taking classes online. Here are some of my recent certifications:

Django For Everybody - 2021
Google IT Support - 2021
Data Analysis with Python - 2021
CS50x Introduction to Computer Science - 2018


💻 These are some of the tools and equipment I'm using for web development.

  • Computer: I recently purchased an HP Pavilion x360 with a 14” display. It has an Intel Core i5-1035G1 Processor, 8GB SDRAM, and 256 SSD. This is a great laptop for the price. I don’t mind the smaller screen since my intention is to maximize portability (while at home, I do most of my web development work in a large monitor anyway).

  • Operating System: Ubuntu 20.04 LTS. Some of the most significant developments in the world of programming and web development are easily accessible from the Linux command line. Microsoft recognizes this and recently introduced WSL2 (Windows Sub-System for Linux 2). This feature offers you a full Ubuntu Linux kernel from within Windows, which you can open just like any regular app. WSL2 is not just a translation layer, but a full Linux environment complete with its own filesystem. Basically, I am now running Ubuntu Linux from within Windows 10.

  • Static Site Generator: Hugo, by far the fastest and most reliable website engine I’ve ever used.

  • Responsive Framework: minimal.css. I created my own style sheet from scratch instead of using Bootstrap, since I don’t need 99% of the functionality. I recently updated my style sheet to give users the option to toggle between a light and a dark theme.

  • Version Control: Git and Github.

  • Text Editor: Visual Studio Code. The choice of text editor is one of the most fiercely debated topics among programmers. I haven’t yet met anybody who doesn’t like Sublime Text or Atom, although hard-core developers wouldn’t be caught dead using something other than Vim. I find Vim’s learning curve too steep, especially compared with more modern development environments.

  • Hosting: I alternate between Digital Ocean and Github Pages. I am currently using Github Pages, but I’m also operating a VPS for some project demos that require back end functionality.

  • SSL/TLS Certificate: Let’s Encrypt. That lets me serve this site through HTTPS. With Github Pages you now get SSL by default.

Thanks to Wes Bos for inspiring this list.

About This Site

This site is generated with Hugo, a lightning-fast static site generator written in Go. I'm using a hand-coded CSS style sheet optimized for speed, that provides the look and feel of a text editor from the early days of computing.


You can find the repositories of all my practice projects in my Github profile.

Last updated: Feb 6, 2022

© 2022 Mario Sanchez Carrion