Hi there, I am
Xing Yin
Passionate Full-stack Developer with a Background in Architecture
Stockholm, Sweden
I am a Full-stack Developer with growing expertise in JavaScript, React, TypeScript, and Node.js. I am currently finishing a Web Developer Bootcamp, which has helped me build proficiency in modern, responsive web applications. Having worked 7 years as an Architect, I am eager to combine my design-thinking approach, user-focused mindset, and passion for problem-solving to build impactful digital solutions. I am also eager to be part of a team that values collaboration, continuous learning, and innovation.
Featured Projects
Traktamente App
This full-stack application is a one-stop solution for business trip reporting and management. It features a clean, user-friendly interface with role-based access, fully automated calculations, and a smart alert system that uses built-in validation and pop-up confirmations to keep data accurate and workflows smooth. The backend is powered by Node.js, Express, and MongoDB, while the frontend is built with React. The app also uses React Router for navigation and Context API for state management.
To-do App
A TypeScript app using Zustand for state management to create a dynamic task management solution. Features include adding, removing, and marking tasks as complete or incomplete, a 'Complete All' button, timestamps, dark/light mode toggle, and local storage support.
Happy Thoughts App
A React project focused on state management, API interactions for fetching and posting data. Features include a design-aligned UI, sorted thought display by recency, like count for each thought, a form for new thoughts, and a like functionality.
Express API
This project involves building a backend API with Express and storing data in MongoDB while adhering to RESTful principles. The API features multiple endpoints to retrieve either a collection of data or a single item. Postman was used to test the API endpoints.
Movie Collection
My first multi-page React project, utilizing themoviedb.org's API to showcase movies and their details. Features fetching popular movies, rendering movie specifics, and managing image URLs. Designed with a focus on responsiveness and accessibility. Enhancements include error handling, loading states, and dynamic movie lists.
Tech
HTML, CSS, Flexbox, JavaScript, ES6, JSX, React, React Hooks, Node.js, Mongo DB, Web Accessibility, APIs, mob-programming, pair-programming, GitHub.
Skills
Frontend
- HTML5
- CSS3
- JavaScript (ES6+)
- React
- React Router
- APIs
- Styled Components
- Tailwind
- Zustand
- Accessibility
- Responsive Design
Backend
- Node.js
- Express.js
- MongoDB
- Mongoose
- RESTful APIs
- TypeScript
- bcrypt
Toolbox
- VS Code
- Postman
- GitHub
- Figma
- Adobe Photoshop
- Adobe Illustrator
- Adobe InDesign
- Notion
- Slack
- Netlify
- Render
More
- Project Management
- Web Development
- UI/UX Design
- 3D Modeling
- React query
- JWT
- Azure
- SharePoint
- Docker
- Ruby
- Sass
My Words
October 28, 2024
When Architectural Thinking Opens the Door to React ⚛️
An article that I share my personal journey of realizing how WebDev and Architecture share the same Modular Thinking and more. 🧩 Have a look and feel free to share your comments!
October 28, 2024
🌱 Reflecting on an Incredible Year of Growth, Learning, and New Beginnings 🎉
An article about my reflection on 2024 from becoming a mom to joining a 24-week web development bootcamp! Balancing family, coding, and learning has been challenging yet deeply rewarding.❤️🌱💪🏻
Let's Talk
Xing Yin
+46 (0)765 25 76 35
xing.yin@gmail.com