About

About Me:

Image of a Professional Man

Full Stack JavaScript Developer

A word that best describes me - "AMBITIOUS". I am the Founder & CEO of ${DarkMode} Devs, a Full Stack JavaScript Developer, a Nucamp Coding Bootcamp Ambassador & Web Developer, and a student at the University of Advancing Technology (UAT). I am very passionate about software engineering and would love to work with you, please get in touch.

  • Name: Fernando Trejo
  • Location: Tucson, Arizona, USA
  • Phone: (520)809-5210
  • Email: devftrejo@gmail.com
  • Major: Bachelor of Science
  • Programs: Advancing Computer Science & Artificial Intelligence
  • Hire Me: darkmodedevs.com
  • Website: You're Looking At It.

Happy Clients

Projects

Hours Tutoring

Educational Awards

Interests

Software Engineering

Design

PC Gaming

Music

Web Development Skills

HTML 5 90%
CSS 3 90%
SASS 90%
JavaScript 90%
TypeScript 70%
Tailwind 90%
Bootstrap 90%
React 70%
React Native 70%
Markdown 90%
Express 80%
Node JS 90%
MongoDB 70%
REST APIs 90%
Visual Studio Code 90%
Git 90%
Bash 90%
GitHub 90%
NPM 90%
Web Bundlers 90%
Yarn 70%
Vercel 90%
Netlify 90%
AWS 70%

Resume

My Resume:

Professional Summary

Fernando Trejo

Very ambitious and leveraging studies in Computer Science, Artificial Intelligence, and Full Stack Development with a wide range of experience in various programming languages. I want to be your company's next valuable asset.

  • Tucson, Arizona, USA
  • (520)809-5210
  • devftrejo@gmail.com

Education

Bachelor of Science, Advancing Computer Science, 4.0 GPA

09/2021 - 09/2025 (Expected Graduation Date)

University of Advancing Technology, Tempe, Arizona, USA

Pursuing a double major in Computer Science & Artificial Intelligence.

  • Deanʼs List: Fall 2021, Spring & Summer 2022, Spring 2023.
  • President's List: Summer & Fall 2022, Summer & Fall 2023.

Certificate, Full Stack Web & Mobile Development

05/2021 - 11/2021

Nucamp Coding Bootcamp, USA

Full Stack Development program graduate: Completed all course projects & weekly workshops.

Professional Experience

Software Engineer Apprentice

11/2022 - 07/2023

Underdog Devs, USA

Software engineer apprentice in a full-time intensive software engineering preparatory program which included rigorous daily pair programming with senior software engineers.

Founder & CEO

03/2023 - Present

${DarkMode} Devs, USA

Building Websites, Applications, AI Integrations & Solutions. Also run a full stack JavaScript development mentorship program.

Ambassador & Web Developer

05/2023 - Present

Nucamp Coding Bootcamp, USA

Ambassador role running online coding workshops and marketing coding programs.

Education

Educational Objectives:

Image of a male cyborg coding on a computer

Advancing Computer Science

UAT's ACS Degree Objectives:

  • 1. Document the software development process to analyze a problem and to design, build, and test software solutions.
  • 2. Demonstrate software development skills using more than one programming language and development environment.
  • 3. Implement data-driven solutions.
  • 4. Design and implement software solutions for multiple platforms including mobile devices.
  • 5. Design, develop, and maintain object-oriented software solutions utilizing inheritance, encapsulation, polymorphism, and abstraction.
  • 6. Within software solutions, describe, implement, and analyze data structure techniques.

Objective Portfolio

Placeholder scaffold — each degree objective below is supported by example projects, and every project explains how it satisfies its objective. These cards are placeholders to be replaced with real projects in the next phase.

Objective 1 Document the software development process to analyze a problem and to design, build, and test software solutions.
Project Image

Placeholder Project 1

Your Role · Tech Stack

How it meets this objective

Placeholder — describe how this project followed a full software development process: how you analyzed the problem, then designed, built, and tested the solution.

View Project

Project Image

Placeholder Project 2

Your Role · Tech Stack

How it meets this objective

Placeholder — describe how this project followed a full software development process: how you analyzed the problem, then designed, built, and tested the solution.

View Project

Project Image

Placeholder Project 3

Your Role · Tech Stack

How it meets this objective

Placeholder — describe how this project followed a full software development process: how you analyzed the problem, then designed, built, and tested the solution.

View Project

Objective 2 Demonstrate software development skills using more than one programming language and development environment.
Project Image

Placeholder Project 1

Your Role · Tech Stack

How it meets this objective

Placeholder — describe the multiple programming languages and development environments this project used, naming each and what it was used for.

View Project

Project Image

Placeholder Project 2

Your Role · Tech Stack

How it meets this objective

Placeholder — describe the multiple programming languages and development environments this project used, naming each and what it was used for.

View Project

Project Image

Placeholder Project 3

Your Role · Tech Stack

How it meets this objective

Placeholder — describe the multiple programming languages and development environments this project used, naming each and what it was used for.

View Project

Objective 3 Implement data-driven solutions.
Project Image

Placeholder Project 1

Your Role · Tech Stack

How it meets this objective

Placeholder — describe the data-driven solution: the data source, how data is stored and queried, and how it drives the application's behavior.

View Project

Project Image

Placeholder Project 2

Your Role · Tech Stack

How it meets this objective

Placeholder — describe the data-driven solution: the data source, how data is stored and queried, and how it drives the application's behavior.

View Project

Project Image

Placeholder Project 3

Your Role · Tech Stack

How it meets this objective

Placeholder — describe the data-driven solution: the data source, how data is stored and queried, and how it drives the application's behavior.

View Project

Objective 4 Design and implement software solutions for multiple platforms including mobile devices.
Project Image

Placeholder Project 1

Your Role · Tech Stack

How it meets this objective

Placeholder — describe the platforms this project targets (including mobile) and what made the solution work across each of them.

View Project

Project Image

Placeholder Project 2

Your Role · Tech Stack

How it meets this objective

Placeholder — describe the platforms this project targets (including mobile) and what made the solution work across each of them.

View Project

Project Image

Placeholder Project 3

Your Role · Tech Stack

How it meets this objective

Placeholder — describe the platforms this project targets (including mobile) and what made the solution work across each of them.

View Project

Objective 5 Design, develop, and maintain object-oriented software solutions utilizing inheritance, encapsulation, polymorphism, and abstraction.
Project Image

Placeholder Project 1

Your Role · Tech Stack

How it meets this objective

Placeholder — point to concrete uses of object-oriented design in this project: inheritance, encapsulation, polymorphism, and abstraction.

View Project

Project Image

Placeholder Project 2

Your Role · Tech Stack

How it meets this objective

Placeholder — point to concrete uses of object-oriented design in this project: inheritance, encapsulation, polymorphism, and abstraction.

View Project

Project Image

Placeholder Project 3

Your Role · Tech Stack

How it meets this objective

Placeholder — point to concrete uses of object-oriented design in this project: inheritance, encapsulation, polymorphism, and abstraction.

View Project

Objective 6 Within software solutions, describe, implement, and analyze data structure techniques.
Project Image

Placeholder Project 1

Your Role · Tech Stack

How it meets this objective

Placeholder — describe the data structure techniques this project uses, why they were chosen, and how you analyzed their trade-offs.

View Project

Project Image

Placeholder Project 2

Your Role · Tech Stack

How it meets this objective

Placeholder — describe the data structure techniques this project uses, why they were chosen, and how you analyzed their trade-offs.

View Project

Project Image

Placeholder Project 3

Your Role · Tech Stack

How it meets this objective

Placeholder — describe the data structure techniques this project uses, why they were chosen, and how you analyzed their trade-offs.

View Project

SIP

Student Innovation Project:

Image of a male cyborg coding on a computer

CodeFit_AI.js

Web App Project:

  • Description: The project is a web app that will assess any aspiring software engineer’s aptitude and personality, it will give a recommendation whether they possess the aptitude and personality profile for software engineering. If they do not, it will give them recommendations for other fields within the IT Industry which would be more suitable given their results. If they do, then they will begin learning the fundamentals of web development and the JavaScript programming language via an interactive coding platform with an AI Mentor. If they do not finish the fundamentals, they will be reminded to finish. If they finish the fundamentals, they will be rewarded with a certificate of completion and a roadmap to guide them on their journey towards becoming a full stack, frontend, or backend software engineer, and they will also receive exclusive offers to join partnered coding bootcamps or universities. The user will interact with AI throughout the app, more so during the interactive coding lessons. This should give aspiring software engineers an unbiased opinion on whether they are a good fit for coding as a career.
  • Innovation: My AI-powered web application assesses aspiring software engineers' aptitudes and personality profiles to determine whether they have the mind and personality for software engineering. Through AI powered interactive coding lessons, users will learn the fundamentals of web development, programming in JavaScript, and will be provided personalized feedback. Upon completion, they will be given a customized learning pathway. The goal of the app is to ensure users are fit to code and equipped with the right mindset, as well as encouraged that they have the capabilities necessary before making any educational commitments.
  • SIP Brief: Provides the foundational understanding of my SIP project, click the button below to open the embedded PDF in a new tab.

Project Progress

Project Completion Updates:

  • Made voice opt-in via a voice-mode toggle (off by default; chat stays text-only) with a pre-generated spoken greeting that explains the mic - no per-load text-to-speech cost. Fixed remaining mobile layout overflow on the contact and app pages.
  • Shipped turn-based two-way voice - speak a question, hear the reply (OpenAI STT/TTS) - plus a clear-topic-history control. Made the app mobile-responsive: a collapsing top bar, adaptive marketing pages, and a chat-only tutor on smartphones that skips the code editor. Hardened security, switched the chat model to gpt-5.4-mini, surfaced rate-limit (429) notices, and streamed the hard-coded bot messages in word-by-word. Added code-health tooling (knip, SonarJS, jscpd), deduped the shared HTML head/top-bar, and fixed unreadable editor text in light mode.
  • Made the AI context-aware: chat is now anchored to a curriculum topic, and the code-focused roles see the learner's HTML/CSS/JS sandbox in the prompt so explanations and fixes target their actual code. Completed the Firebase migration by retiring the legacy Express server. Polished the off-canvas navbar (scrollable submenus, repositioned close button) and centered the top-bar icons.
  • Added snippet save/load and a user profile with synced identity and preferences (role/theme follow the user across devices). Shipped the first production deploy with prod-only streaming fixes (direct function call, CORS, no-transform) so SSE works through the Google Front End.
  • Persisted chat conversations to Firestore (full prior history is now hydrated into each OpenAI request).
  • Began the Firebase migration: scaffolded Hosting + Cloud Functions + Firestore as a third workspace, ported the chat handler to a v2 HTTPS Cloud Function, and wired Firebase Auth (email/password + Google) end-to-end.
  • Restored the project after a 2-year hiatus, updated dependencies, and modernized it into an MVP-ready shape: npm workspace + tooling, CodeMirror 6 with all libraries bundled from npm, and a multi-page client (landing / app / about / contact) backed by server-managed AI prompts.
  • SIP page on portfolio updated with embedded brief and dated progress log.
  • Wired up the Curriculum and AI Roles menus end-to-end with styling polish across the chat and navbar UIs, and tested basic functionality end-to-end.
  • Added the off-canvas navbar, light/dark mode toggle, themed CSS palette, open-source code editor (CodeMirror 5), and bundled image assets.
  • Dropped SASS for plain CSS, expanded the README, and moved AI prompt selection from the server into per-request payloads.
  • Repository initialized with LICENSE and README; scaffolded the Vite client and Express server with the streaming OpenAI endpoint and initial HTML/JS layout.

Portfolio

My Projects:

  • All
  • Web
  • App
  • AI
Portfolio Website Image

Portfolio Website (Personal)

Web Development (HTML, CSS, JS, Bootstrap)

DarkMode Devs Website Image

${DarkMode} Devs Website

Web Development (HTML, CSS, JS, Bootstrap)

Azur Agency Website Image

Azur Agency Website

Web Development (HTML, CSS, JS, Bootstrap)

CBMC AZ Website Image

CBMC AZ Website

Web Development (CMS)

Shaking Cups App Image

Shaking Cups

Web App

Mobile App Image

NucampSite (Nucamp Coding Bootcamp)

App Development (React)

Female AI Robot Image

LadyBot 1.0 (University of Advancing Technology)

AI Chatbot (C++)

Female AI Robot Image

LadyBot 2.0 (University of Advancing Technology)

AI Chatbot (Python)

Contact

Contact Me:

My Location:

Tucson, Arizona, USA

Social Profiles:

Email Me:

devftrejo@gmail.com

Call Me:

(520)809-5210