https://github.com/sofidevo/sofidevo

Last synced: 4 months ago
JSON representation

Host: GitHub
URL: https://github.com/sofidevo/sofidevo
Owner: SofiDevO
Created: 2023-05-07T21:01:22.000Z (about 3 years ago)
Default Branch: SofiDev
Last Pushed: 2024-08-09T07:19:19.000Z (almost 2 years ago)
Last Synced: 2025-02-07T12:23:04.964Z (over 1 year ago)
Size: 53.7 KB
Stars: 1
Watchers: 1
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: readme.md

Awesome Lists containing this project

README

          


   

  

    

  



![banner-gh](https://github.com/user-attachments/assets/53822e12-a245-44a1-b359-605fc56c4c51)

👋 Hi, I'm Sofi Osorio

💻 Frontend Developer | UI Specialist | Web Craftswoman


---

### 👩💻 Professional Experience

**Frontend Developer | 2+ Years Experience**  

✅ **Core Expertise:**  

- Development of SPAs, SSR applications, and static websites  

- Remote work with Agile methodologies (Scrum/Kanban)  

- Modern JavaScript (ECMAScript 6+) implementation  

- Advanced CSS3 architecture and optimization  

**🚀 Key Technologies:**  

- **Frameworks/Libraries:** React, Next.js, Vue, Astro  

- **Routing:** React Router v7  

- **Styling:** Tailwind CSS 4, Bootstrap 4/5, Styled Components  

- **Preprocessors:** SASS, Less  

- **CMS:** WordPress + WordPress REST API  

**🛠️ Development Tools:**  

- Backend: Node.js, Express  

- Testing: Postman  

- Package Managers: npm, nvm  

- Version Control: Git, GitHub, Git Flow  

- CLI: Bash command line  

**🎨 Design Tools:**  

- UI/UX: Figma  

- Graphics: Adobe Illustrator, Photoshop  

---

### 🛠️ Technical Arsenal

#### **Frontend Core**

![JavaScript](https://img.shields.io/badge/-JavaScript%20(ES6+)-F7DF1E?logo=javascript&logoColor=black)

![React](https://img.shields.io/badge/-React-61DAFB?logo=react&logoColor=white)

![Next.js](https://img.shields.io/badge/-Next.js-000000?logo=next.js&logoColor=white)

![Vue](https://img.shields.io/badge/-Vue-4FC08D?logo=vue.js&logoColor=white)

![Astro](https://img.shields.io/badge/-Astro-FF5D01?logo=astro&logoColor=white)

#### **Styling Ecosystem**

![CSS3](https://img.shields.io/badge/-CSS3-1572B6?logo=css3&logoColor=white)

![Sass](https://img.shields.io/badge/-Sass-CC6699?logo=sass&logoColor=white)

![Less](https://img.shields.io/badge/-Less-1D365D?logo=less&logoColor=white)

![Tailwind](https://img.shields.io/badge/-Tailwind-06B6D4?logo=tailwind-css&logoColor=white)

![Bootstrap](https://img.shields.io/badge/-Bootstrap_4/5-7952B3?logo=bootstrap&logoColor=white)

![Styled Components](https://img.shields.io/badge/-Styled%20Components-DB7093?logo=styled-components&logoColor=white)

#### **Backend & CMS**

![Node.js](https://img.shields.io/badge/-Node.js-339933?logo=node.js&logoColor=white)

![Express](https://img.shields.io/badge/-Express-000000?logo=express&logoColor=white)

![WordPress](https://img.shields.io/badge/-WordPress_API-21759B?logo=wordpress&logoColor=white)

#### **Development Tools**

![Vite](https://img.shields.io/badge/-Vite-646CFF?logo=vite&logoColor=white)

![Webpack](https://img.shields.io/badge/-Webpack-8DD6F9?logo=webpack&logoColor=black)

![Storybook](https://img.shields.io/badge/-Storybook-FF4785?logo=storybook&logoColor=white)

![Jest](https://img.shields.io/badge/-Jest-C21325?logo=jest&logoColor=white)

![Postman](https://img.shields.io/badge/-Postman-FF6C37?logo=postman&logoColor=white)

#### **Workflow & Collaboration**

![Git](https://img.shields.io/badge/-Git-F05032?logo=git&logoColor=white)

![GitHub](https://img.shields.io/badge/-GitHub-181717?logo=github&logoColor=white)

![Git Flow](https://img.shields.io/badge/-Git_Flow-F05032?logo=git&logoColor=white)

![npm](https://img.shields.io/badge/-npm-CB3837?logo=npm&logoColor=white)

![nvm](https://img.shields.io/badge/-nvm-000000?logo=nvm&logoColor=white)

![Bash](https://img.shields.io/badge/-Bash-4EAA25?logo=gnu-bash&logoColor=white)

#### **Design & Creativity**

![Figma](https://img.shields.io/badge/-Figma-F24E1E?logo=figma&logoColor=white)

![Illustrator](https://img.shields.io/badge/-Illustrator-FF9A00?logo=adobe-illustrator&logoColor=white)

![Photoshop](https://img.shields.io/badge/-Photoshop-31A8FF?logo=adobe-photoshop&logoColor=white)

---

### 📚 Latest Blog Insights



  

    

  



- [Instalación automática de ZSH y Plugins](https://sofidev.blog/blog/instalacion-automatica-de-zsh-y-plugins)

- [Instalar y conectar MySQL a WSL2](https://sofidev.blog/blog/instalar-mysql-wsl2)

- [La evolución de Javascript](https://sofidev.blog/blog/evolucion-javascript)

---

### 🏆 GitHub Highlights



  

    

    

  



---

### 🌐 Let's Connect



  

    

  

  

    

  

  

    

  

  

    

  



---