Chris Fornesa ‐ Django Dev

Hello there, I am a front-end website developer with a passion for UX/UI design, graphic design, and exploring my creativity.


Profile

About Me

  • As a graphic and web designer, I have learned that the most important skill in creating a successful design is to listen to both your intuition and your client. So whether I am designing a website or creating a logo, I seek user input at every step of the way, regardless of frustrations, time, and effort. I also value the perspectives of others in crafting my designs and see every opportunity to work with someone on any graphic or web design project as a way to improve both my craft and my art as a whole.

Contact Information

  • Location: Stafford, TX
  • Phone: (281) 400-1920
  • Email: creative@cftxp.co

Experience

Web and Graphic Designer for Dayodman.com.

  • Dayodman is a multi-talented artist with expertise that spans nearly the entire spectrum of the music industry.
  • This multi-site project involved the Wix platform for the main website, and HTML, CSS, PHP, and JavaScript for the NGNS Shortlinks and Dayodman's Music Portal.
  • I also created the main logo used for Dayodman/NGNS.
  • This is an ongoing collaborative project to showcase our skills as artists.

Creative Hope Creative Showcase Logo and Advertisement designer. September 20, 2017.

  • As a collaborative showcase of artists, we raised over $180 in on-site donations for our neighbors in need in the aftermath of Hurricane Harvey.
  • My contributions included the set of logos used in the advertising throughout the event, the design of the advertising itself, and the creation of the Creative Hope Website.

Projects

Portfolio Websites - To prove my competencies in programming and web development I developed several portfolio websites catered to each programming language and framework that I have worked with.

  • This website is my main web development portfolio and showcases both my PHP and React portfolios through the implementation of iframes which, as a system, allow this application to function as a progressive web application.
  • My PHP portfolio showcases the various PHP websites that I have created, most of which have been created using object-oriented PHP components and many also include JavaScript to solve problems better suited for a non server-side solution.
  • My React portfolio showcases the various React applications that I have created using the React framework built on the JavaScript programming language.

Privilege Application(s) - The Privilege application is a thought experiment that explores the many nuances of privilege regarding race and ethnicity.

  • I built a PHP and a React version of the same Privilege application to explore the similarities, differences, and functionalities of the PHP programming language and the React framework.
  • The PHP version of the Privilege application is the original application. The PHP Privilege application contains the following programming components: a main 'Race' class containing references to the four different classifications (the privileged race, the enslaved race, the indigenous race, and the othered race) and a reference to the new world, then there's a PHP class created for each race (white, Black, First Nations, and Asian) with references to the homeland and majority religion of the chosen race.
  • The React Privilege application objectifies the privileged race, the enslaved race, the indigenous race, the othered race, the homeland of the privileged race, the new world (homeland of the indigenous race), and the privileged race's majority religion as React states and properties allocated to sub-components.

Time Application(s) - The Time application is a simple live clock that displays today's date and the current time in both 12 and 24-hour format.

  • I built a PHP and a React version of the same Time application to explore the similarities, differences, and functionalities of the PHP programming language and the React framework.
  • The PHP Time application contains the following programming components: a current date component that uses the Date object in PHP to display the current date, the current time component which calls on the custom JavaScript Time class to obtain the 12 and 24-hour clocks, while the main JavaScript file contains a 'refreshTime' function that is automatically called every second to refresh the current time on both clocks in the application.
  • The React version of the Time application is the original application. The React Time application contains the following programming components: a component for the current date, which calls on the Date object to display today's date and refreshes based on the appropriate interval, and a component for the current time, which displays the current time in 12 and 24-hour format by calling the Date object, then refreshing at the appropriate interval (for the 12-hour clock) or refreshing each component appropriately (the hour, minute and second in the 24-hour clock).

Art Portfolio(s) - My art portfolio application is a detailed showcase of my artwork, which includes drawings, paintings, mixed media paintings, and digital art.

  • I built a PHP and a React version of the same art portfolio application to explore the similarities, differences, and functionalities of the PHP programming language and the React framework.
  • The React version of my art portfolio is the original application. My React art portfolio contains the following programming components: a List component that outputs a list of items, where each item is represented by an Item component that serves as a manifestation of each art piece and its relevant details.

Education

Master of Science in Information Technology, Software Design and Management: Graduate Courses, May 2019. Liberty University. Lynchburg, VA.

  • Courses included:
    CSCI 501 ‐ Overview of Computer Security
    CSIS 505 ‐ Software Development
  • GPA: 4.00 (6 credit hours).

Master of Science in Information Technology, Software Design and Management: Undergraduate Prerequisites, October 2018. Liberty University. Lynchburg, VA.

  • Courses included:
    MATH 201 ‐ Introduction to Probability and Statistics
    CSIS 212 ‐ Object‐Oriented Programming
    CSIS 312 ‐ Advanced Object‐Oriented Programming
    CSIS 330 ‐ Business Data Communications
  • GPA: 4.00 (12 credit hours).

Level I Certificate (12 credits) ‐ Digital Communication, Web Publishing specialization, May 2016. Houston Community College ‐ Southwest. Stafford, TX.

  • Dean‘s List: Spring 2016.
  • 4.00 GPA.

Other Education

Bachelor of Arts in Liberal Studies, May 2018. University of Houston. Houston, TX.

  • Minors: Studio Art, Political Science, and Business Foundations.
  • Corporate Entrepreneurship Certificate (6 credits).
  • Dean‘s List: Fall 2016 ‐ Spring 2018.
  • GPA: 4.00. Graduated Summa Cum Laude.
  • Golden Key Honour Society, January 2018.

Associate of Arts - Liberal Arts, May 2015. Houston Community College ‐ Southwest. Stafford, TX.

  • Dean‘s List: Spring 2014, Spring 2015, Spring 2016.
  • 4.00 GPA. Graduated with highest honors.
  • National Society of Collegiate Scholars, March 2015.
  • Phi Theta Kappa, November 2013.

Why I Code

I enjoy the process of building customized website solutions as humanity is complex and most our problems involve serious puzzles that we, as humans, must figure out. This is why I believe that the best way to solve any problem to understand (in my own way) the people directly involved and impacted by said problem. Learning about people and their problems gives me, as an autistic person, insight and access to portions of the human mind and connections to people that I, otherwise, would not be given. Every project where I must please a client is another opportunity for me to have this access and to further my understanding of humanity and human motivations, even if that client is myself (as it is for many of the projects that I have done).

Click here to download my resume.


See more details about Chris or click here to get in touch.

Privilege

About My Privilege app

This is a thought experiment that I created as an educational tool to unpack the dynamics and nuances behind white privilege.

Programming Language/Framework: Python/Django Framework.

Click here to see my Privilege app and this link leads you to the code base of this application.

See more details about my Privilege app and my relevant skills.

Objective

The Racial Privilege Hypothetical is a thought experiment/alternative history hypothetical that is meant to emulate, in words, a history in which a non-European group had colonized the rest of the world in the way that Western Europeans have done in the modern era of history.

Click here to explore the codebase for this application and click here to see the application itself.

Implementation

The implementation of this PHP application mandated the use of PHP classes, a complex CSS structure, and several PHP includes containing each component necessary for the full structure of this thought experiment. As this application is class-based, I implemented the Race superclass and the Black, The_People, Asian, and White subclasses. This represents the racial structure that predominates in the world today and how, although it is simply a social construct, its relevancy will continue for centuries to come. Each Race class contains references to the people, indigenous, enslaved, othered, enslaved's homeland, and the New World, with get methods to all but the people reference. At the same time, each subclass contains a reference to an instance of the Details class to output the homeland and religion of the current instance. As PHP has object-oriented features and allows for the use of components as needed, I was able to implement a system of PHP includes to facilitate the application's structure. For instance, every page has a reference to the header and footer components, while the header component itself has a reference to the form and navigation component. Finally, I was able to create and implement an overview component to compare the current situation of race relations where white people colonized the lands of indigenous First Nations people, enslaved Black people, othered East Asian people, and colonized most of the rest of the world at one point or another.

Features

The Racial Privilege Hypothetical contains a form that asks for a privileged race, an indigenous race, and enslaved race, and an othered race for a hypothetical situation. By default, the privileged race is white, the indigenous race is First Nations, the enslaved race is Black, and the othered race is East Asian, a simplified scenario of the current situation that is white supremacy. The intent of this form is to create a situation where white, Black, First Nations, or East Asian supremacy are the realities in any given scenario of this hypothetical, with the chosen enslaved, indigenous, and othered races. Based on the chosen components for the form, a series of statements and assertions are generated for this scenario with an overview, a colonialism, and a postcolonialism page containing relevant statements about these respective topics.

Lessons Learned

I credit this application with teaching me the fundamentals of class-based, object-oriented PHP and has served as my springboard to created other object-oriented PHP applications. Because of the time that I have spent on this website, I have been able to learn about class features like methods, constructors, types of variables, and inheritance from the perspective of the PHP programming language.

Resources

None.

Time

About My Time app

This is my first self-hosted React application: a simple clock/calendar that integrates the Date object using React components and methods.

Programming Language/Framework: Python/Django framework.

See more details about my Time app and my relevant skills.

Objective

This clock application serves as a portal site that displays today's date and the local time, with links to privacy-conscious online services and applications.

Click here to explore the codebase for this application and click here to see the application itself.

Implementation

This React application was implemented through the use of the JavaScript Date object. From the Date object I was able to derive, not only the current date, but also the current time. I accomplished this by utilizing the React framework's states and intervals to ensure that the hour, minute and second rendered correspond to the current time. The different React components that I implemented in this application include the CurrentTime and CurrentDate that are rendered in the App component. These components, in turn (alongside the Footer component), are rendered in the index.js file that renders the App and Footer components to the React Document Object Model.

Features

The Time app's current date component simply renders today's date in the format that is accepted in the locale of an application's viewer. For instance, a viewer of the application who lives in the United States will see the date as (month)/(day)/(year). The current time component renders the current time in two ways: the 12-hour and the 24-hour format, with the top rendering containing the 12-hour format and the bottom rendering containing the 24-hour format. Finally, helpful links for the user are displayed under these dynamic components.

Lessons Learned

As this was my first React application, by working on this project, I was able to learn the basics of JSX syntax and how to integrate basic JavaScript functionalities into the React framework.

Resources

None.

Art

About My Art app

This art portfolio is a dynamic showcase of my artwork, that integrates my knowledge of stateful classes and states.

Programming Language/Framework: Python/Django framework.

See more details about my Art app and my relevant skills.

Objective

I created an art portfolio website for my artwork to help me expand my knowledge of states and their applications within the React framework, as well as to learn how to design a fully-functional and attractive React application.

Click here to explore the codebase for this application and click here to see the application itself.

Implementation

This React application was implemented through the inclusion of various React components, alongside the implementation of React states and methods. The structure of this art portfolio React application includes an index.js file that render the App, List and Footer components to the React document object model of the index.html file. The List component, then, contains a set of Item components that hold the details of each specified Item according to the items.json file.

Features

This art portfolio contains the following information about my artwork: the title, the image reference, the media of the piece, the description that I set for the piece, and the type of artwork. These data make it possible to display the relevant information for each piece, as well as a preview of the piece itself. Lastly, I was able to utilize states to allow for the visibility of only certain (or all) pieces based on methods that I included in the List component, one to show drawings, paintings, digital pieces, and mixed media artwork.

Lessons Learned

Through this application, I expanded my knowledge of states and React framework functionalities by introducing myself to class constructors, component states, and component methods. Altogether, this project enabled me to compose and customize a fully-functional, dynamic React application.

Resources

None

P&S Cyber

About My P&S Cyber app

The P&S Cyber app is an example cybersecurity business website that I created using the Django framework and its complement, the Python programming language which forms the brains of the website's operations, plus elements of JavaScript for visual effects.

Programming Language/Framework: Python/Django Framework.

Click here to see my P&S Cyber app and this link leads you to the code base of this application.

See more details about my P&S Cyber app and my relevant skills.

Objective

The P&S Cyber business application is a mock business website with a questionnaire, a contact form, and a wealth of data security and privacy information tailored to help explain practical cybersecurity concepts with relevant examples to make data privacy and security accessible to the masses.

Click here to explore the codebase for this application and click here to see the application itself.

Implementation

I implemented this application using its main app and the "Class" custom Django app. The Class app contains a file titled "forms.py" with a "Contact_Form" class and a "Choose_Options" class. The Contact_Form class represents the contact form at the contact page of the website. The Choose_Options class represents the questionnaire, with each question represented by a character field that contains the text of the question itself, while a radio select widget for each question gives the options for each question, with the user choosing one to represent their answer for each question. When submitted, the questionnaire will output a set of results composed of a section with information relevant to each question asked in the questionnaire, followed by a short blurb after each section based on an assessment of the selected response by the user. At the same time, these results (without an assessment of the user's proficiency in data privacy and security) are shown in a slightly abridged form in the "Info" page of the website.

Features

The P&S Cyber business application features the following, as stated above: a cybersecurity questionnaire on the main page to assess the user's proficiency in various cybersecurity concepts and their real-life application of these concepts, an Info page with cybersecurity information that should be useful to the user, an About page with information about P&S Cyber's mission and goals, and a Contact page with a contact form for inquiries. The Info page contains data that is also output on the Home page after the questionnaire is filled out and submitted. However, the Info page does not contain any answer-specific information, whereas, at the end of the questionnaire, this same data is accompanied by a question specific summary where the user is told about how they can improve their score in that specific section, alongside a summary of the user's overall score for the questionnaire, a set of assumptions, and recommendations at the very end of this set of data. Each page also features several elements that are common to all pages on the website. For instance, all pages have the hero section, with a prompt to visit the contact page, a header with the logo, the title of the company itself, and a menu button composed of the logo, a circular border, and the words "Menu" that, when clicked, reveals the menu and hides the menu again when it is clicked again. There is also a footer at the bottom of each page.

Lessons Learned

Lessons that I learned throughout my work on this particular project include: how to create a contact form and integrate it with an email server like SendGrid (which is what I used in this application), how to create a questionnaire using Django and Python, how to create a business website, and how to utilize my resilience as a programmer. The contact form was my biggest hurdle in this application as I have never utilized a contact form in a Django website before. I have also never crafted a questionnaire using the Django framework, but working on this project has given me the opportunity to learn how to do this and process a user's answers using Django and Python. Creating a business website, no matter how simple, was always on my list of things to code, but I never thought that I would be able to do so using anything but WordPress and any associated plugins. However, I obtained the opportunity to do this using the Django framework and, although this application doesn't contain a shopping cart, login, or other features that you would normally associate with a business website, this website is my springboard towards forward momentum. Finally, I have learned that I can do much more with code than I could have ever imagined, as learning Django gave me the keys to finally understand the Python programming language and has only added to my arsenal of coding knowledge.

Resources

None.