Darleen Man 🇺🇸

“When I first started coding, I never imagined I’d be able to build my own professional portfolio from scratch. But with SheCodes Next, that’s exactly what I did—and it became the perfect showcase for how far I’ve come! What I Built I created a fully responsive, interactive portfolio website that: ✔ Highlights my projects in a clean, modern layout ✔ Adapts seamlessly to any device (thanks to mobile-first design!) ✔ Brings my work to life with smooth animations and intuitive navigation What I Learned This project pushed my front-end skills further than ever: 🔥 Advanced React techniques – Like optimized component structure and state management 🔥 Next-level CSS – Including transitions, responsive grids, and polished UI details 🔥 Professional workflows – From planning to debugging to deployment Why This Mattered More than just another project, this portfolio: Proved I could build "real" websites – not just follow tutorials Taught me how to problem-solve like a developer – because nothing ever works perfectly the first time! Gave me confidence to call myself a front-end developer Now when people ask "What can you build?" I can proudly say: "Let me show you!" – and share this website that represents hundreds of hours of learning, testing, and creating. SheCodes didn’t just teach me to code—it taught me to think like a developer. And this portfolio is the living proof of that transformation.”

“This dictionary app lets users search for word definitions, pronunciations, synonyms, and even example sentences—all powered by an API. I used React to create a clean, user-friendly interface with a search function that updates in real time. The project helped me deepen my understanding of React components, event handling, and working with multiple API responses. Skills Applied: React, API integration, dynamic rendering, UI/UX design”

“I built a vibrant, mobile-friendly landing page for a travel agency that adapts seamlessly to any screen size. Using CSS Flexbox and media queries, I ensured the layout rearranged elegantly—from desktop to tablet to mobile. The page includes interactive elements like a navigation menu, image galleries, and a contact form, all while maintaining fast load times and clean code. This project deepened my understanding of responsive design principles and the importance of user experience across devices. Skills Applied: ✔ Responsive design (Flexbox, Media Queries) ✔ Mobile-first development ✔ Interactive UI with JavaScript ✔ Cross-browser compatibility This version highlights: The purpose (travel agency landing page) Key features (responsive layout, interactive elements) Technical skills (Flexbox, media queries) Outcome (adapts flawlessly to all devices)”

“A timezone tracker that displays the current time in different cities around the world. I used JavaScript to handle date/time logic and DOM manipulation, ensuring the clock updates in real time. This project taught me how to manage asynchronous code and create a seamless user experience without page refreshes. Skills Applied: JavaScript, DOM manipulation, setInterval, Bootstrap”

“In this Add-On project, I took my foundational coding skills further by building an interactive web application from scratch. While building this project, I focused on strengthening my ability to create dynamic, user-friendly experiences with clean code. Key Skills Applied: ✔ JavaScript Fundamentals: Used functions, variables, and event listeners to add interactivity ✔ DOM Manipulation: Dynamically updated content based on user actions ✔ CSS Styling: Created visually appealing designs with responsive elements ✔ Problem-Solving: Debugged and refined features for optimal performance What This Project Taught Me: How to structure code for scalability The importance of clean, readable JavaScript Ways to enhance user experience through thoughtful design This Add-On experience solidified my confidence in turning ideas into functional web projects and prepared me for more advanced development challenges.”

“I built a weather app using React that shows real-time forecasts for any city. It fetches live data from an API, displays current and future weather conditions, and even includes a dynamic weather icon that changes based on the forecast. Through this project, I strengthened my skills in React hooks (useState, useEffect), API integration, and responsive design. It was rewarding to see how React makes interactive apps fast and efficient! Skills Applied: React, API calls, state management, responsive CSS”

“I designed and built a fully responsive portfolio website to showcase my growing skills as a front-end developer. This project serves as a central hub for all my SheCodes work—from weather apps to React projects—while demonstrating my ability to create clean, adaptable layouts. Key Features: ✔ Mobile-first design that flawlessly adjusts from desktop to smartphone ✔ Project gallery with easy navigation to all my SheCodes creations ✔ Interactive elements like hover effects and smooth scrolling ✔ Performance-optimized with semantic HTML and efficient CSS Through this project, I deepened my understanding of: CSS Flexbox/Grid for complex layouts Media queries for device-specific styling Accessibility best practices Cross-browser compatibility This portfolio isn’t just a collection of projects—it’s a reflection of my coding journey and a testament to how far I’ve come in mastering responsive web development. Tech Stack: HTML5 | CSS3 | JavaScript | Responsive Design Principles”

“For my SheCodes Plus project, I built a more sophisticated weather application that pulls real-time data from a live API! This app allows users to search for any city worldwide and instantly see current weather conditions, including temperature, humidity, wind speed, and even a weather icon that changes dynamically. I also implemented a 5-day forecast feature, giving users a detailed outlook. This project challenged me to work with API integration, asynchronous JavaScript (async/await), and more complex DOM manipulation. I learned how to handle API responses, manage loading states, and create a seamless user experience—all while ensuring the app remained fully responsive across devices. It was incredibly rewarding to take my coding skills to the next level and build something functional, practical, and interactive! Skills Applied: ✔ Advanced JavaScript (API calls, async/await) ✔ Fetching & displaying real-time data ✔ Dynamic UI updates based on user input ✔ Responsive design & CSS styling”

“My very first coding project—a simple but structured portfolio page to showcase my work. I focused on clean HTML semantics and CSS styling, including flexbox for layout. Though basic, this project gave me the foundation to understand how websites are built from the ground up. Skills Applied: HTML5, CSS3, Flexbox, responsive basics”