EDGAR
MANCIA

Hi, I'm Edgar

Who am I?

I am a front end developer with a passion for bringing web designs to life. I love debugging CSS properties, exploring sites for interaction opportunities that will engage users, and finding creative ways to display data in the client side.

What can I do?

When it comes to web development, I am highly proficient with HTML, CSS, Javascript and Java. I am knowledgable of the React framework, but I have also worked with Vue and Ember in the past. I understand the basics of Node and Express as well. As for tools, I have experience with the following: VS Code, DevTools, Figma, Adobe XD, Babel, NPM, and much more.

If a skill or technology is not mentioned above, don't worry. I am a very good at reading documentation, scouring the web for answers, and I am always excited to learn new tech.

Developer Philosophy

Every pixel has to be perfect

Every aspect of a web design is calculated by designers. Leave it up to me to implement it exactly to design specification as intended across all web browsers and devices using modern CSS techniques.

Every line of code should be optimized

Users act quickly, so websites need to load lightning fast. I research, design, and plan before writing code followed by thorough refactoring to ensure code is clean, DRY, and optimized as possible.

Every user deserves access

All users should have the opportunity to navigate, view, and use your website. Accessibility should not be sacrificed at the expense of a design. I can ensure your web product follows the standard Web Content Accessibility Guidelines by using available tools to test for accessibility issues.

Projects

app screenshot independent

Jotter

A sticky note inspired web app

Task

Build the entire project using only HTML, CSS, and Vanilla JS.

Obstacles

One of the challenges I faced while building this app was organizing CSS classes in a way thats human readable and easy to modify. I researched and found a methodology called B.E.M. which is a naming convention applied to the block, element, and modifiers of an element's structure. By applying this methodology I was able to achieve a much more readable, DRY, and organized stylesheet thats easy to edit and scale.

Technologies

  • HTML
  • CSS
  • JavaScript
  • Git
  • Figma
  • GCP
  • Google Firestore
  • Google Firebase Authentication

Code Sample:Github

Live:App

app screenshot team

Pathfinder

A web app to help you plan your next national park trip

Task

Implement the discover page where users can search for national parks based on park name or state.

Obstacles

The major challenge I encountered while working on this project was figuring out how Vue and Bootstrap work. This was my first time working with both technologies, so researching and reading through documentation was essential to understand what was going on in the code base.

Technologies

  • HTML
  • CSS
  • JavaScript
  • Git
  • Figma
  • Vue
  • Bootstrap
  • Discord
  • Github Projects
  • Fetch API
  • National Park Service API

Code Sample:Github

Live:App

app screenshot independent

Covid Fighters

An email developed to raise Covid-19 awareness and useful safety tips to stay healthy

Task

Design, develop, and implement a responsive email.

Obstacles

Developing an email was difficult since most email applications do not execute Javascript due to security risks. This forced me to seek ways to imitate Javascript functionality using pure CSS. I learned to implement the tab interaction in this email using only radio buttons and labels, then targeting them using CSS. Also, creating an entire project using HTML tables and inline styling can get messy, so keeping my HTML syntax organized was essential.

Technologies

  • HTML
  • CSS
  • Git
  • Figma

Code Sample:Github

Live:App

app screenshot team

MakeFriends

An Android app to help facilitate digital connection between students during Covid-19 pandemic

Task

Lead the entire front end of the application and designate tasks for other members to contribute.

Obstacles

Although not a web application, this was still a very challenging front end experience for me because I was in charge of designing the entire app front end including app design, UI/UX, data fetching, and implementation in Java. I was able to complete my task by delegating subtasks to other team members, communicating with my team daily, organizing sprints on Jira, and managing my time well.

Technologies

  • Android Studio
  • Android
  • Java
  • Google Firebase
  • Git
  • Jira
  • Adobe XD

Code Sample:Github

About Me

Background

I am a hardworking developer based out of Los Angeles, CA. In 2015, I re-entered the college system to pursue a career as a programmer because I was genuinely interested in learning as much math as possible and loved the challenge of learning the difficult skill of programming. In 2019, I graduated from Santa Monica College with an Associate's Degree in Computer Science with honors and an Associate's Degree in General Science with Honors. After graduating from SMC, I transferred to California State University, Northridge, where my interest in programming grew into a passion for the front end side of things. I designed and implemented mobile and web applications using various tools, technologies and programming languages. In 2021, I finally earned my Bachelor's Degree in Computer Science with a campus GPA of 3.73 with a focus on web engineering.

Currently

At the moment, I am looking for the opportunity to work within a team where I may be able to learn from others, enhance my skills as a developer and grow my career. No matter how big or small the company, I believe I have the right attitude and optimistic approach to add value to any team both as a leader or a team player. While I wait for the right opportunity to present itself, I continue studying the MERN stack as best as possible and plan on making a few projects with it.

Goals

Ultimately, my goal is to learn as much as possible and reach a senior level position where I will be able to lead and mentor others to become successful developers. It would be awesome to be the mentor that I needed when I first started developing for others.