GithubHelp home page GithubHelp logo

Ahoy! 👋🏼 I’m Elena Arocena

  • 👩🏻‍💻 My desire to grow and feel more fulfilled professionally made me get into programming.

  • ✏️ What attracted me most to this world? Working in a team and cooperatively, the novelty of the day-to-day, the challenges and the possibility of working in multidisciplinary environments.

  • 🌻 I consider myself a person who is fast to learn, flexible, self-initiated and easy to adapt to any situation.

export class WebDeveloper {

  aboutMe: PersonalInfo[] = [
    {
      name: 'Elena Arocena',
      role: 'Junior Front-end Developer',
      myLenguage: 'es_ES & en_US(B2)',
    },
  ];

  sayHi(): void {
    console.log(
      'Thanks for dropping by! Hope you find some of my work interesting.'
    );
  }

  constructor() {
    this.sayHi();
  }
}

🎯 Currently:

  • 💻​ Working as Junior Front End Developer.
  • 🌱​ Working on personal projects.
  • ✨ I'm increasing my knowledge in TypeScript, Angular and Git.

🛠️ Languages and Tools :

Database:

https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white

Design:

https://img.shields.io/badge/Canva-%2300C4CC.svg?&style=for-the-badge&logo=Canva&logoColor=white https://img.shields.io/badge/Figma-F24E1E?style=for-the-badge&logo=figma&logoColor=white https://img.shields.io/badge/Sketch-FFB387?style=for-the-badge&logo=sketch&logoColor=black

Frameworks, Platforms and Libraries:

https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white Angular https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white https://img.shields.io/badge/Gulp-CF4647?style=for-the-badge&logo=gulp&logoColor=white https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white

IDE:

https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white

Languages:

https://github-readme-stats.vercel.app/api?username=marocena26&show_icons=true&theme=transparent https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white Shell Script TypeScript

Other:

https://img.shields.io/badge/Postman-FF6C37?style=for-the-badge&logo=Postman&logoColor=white

Terminal:

https://img.shields.io/badge/GIT-E44C30?style=for-the-badge&logo=git&logoColor=white

Social:

https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white GitLab https://img.shields.io/badge/Visual_Studio_Code-0078D4?style=for-the-badge&logo=visual%20studio%20code&logoColor=white

Elena Arocena's Projects

algebraic-profile-cards icon algebraic-profile-cards

Aplicación web de Generador de tarjetas personales, proyecto colaborativo. Tecnologías utilizadas: HTML 5, CSS, Sass, JavaScript.

angular-bases-practise icon angular-bases-practise

Angular: from zero to expert - Project02 - Angular Bases DBZ Project 🐲​. Desktop version 🖥️. Technologies used: HTML 5, Bootstrap, Typescript, Angular 16. Individual project.

angular-country-app icon angular-country-app

Angular: from zero to expert - Project04 - Angular Country App 🗺️​. Responsive 📱​. Technologies used: HTML 5, Bootstrap, Typescript, Angular 16. Individual project.

angular-gifs-app icon angular-gifs-app

Angular: from zero to expert - Project03 - Angular Gifs App 🤖​. Responsive 📱​. Technologies used: HTML 5, Bootstrap, Typescript, Angular 16. Individual project.

anonymous-proxy icon anonymous-proxy

Layout of a website according to a design given by Adalab. Responsive web 📱. Technologies used: HTML 5, CSS, Sass and animations. Individual project.

blow-up-this-balloon icon blow-up-this-balloon

Little game about blowing up a balloon. Responsive website🎈 . Technologies used: HTML 5, CSS and JS.

breaking-bad-characters icon breaking-bad-characters

Breaking Bad web application that allows us to un/mark the characters as favourites and save them in local storage. Responsive web ⚗️. Technologies used: HTML 5, CSS, Sass, JavaScript. Individual project.

creando-diversidad-digital icon creando-diversidad-digital

Layout of a simplified version of the home page of the Adalab website. Responsive website  👩🏻‍💻. Technologies used: HTML 5 and CSS. Individual project.

dark-mode-template icon dark-mode-template

Angular and PrimeNg template to get your web application to go dark mode 🌚​

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.