Hi, my name is
Marie-Ange
and I'm a
Front-End Developer

Salut, je m'appelle
Marie-Ange
et je suis
Développeuse Front-end

👩‍💻 Freelancer ready to help with your projects!

🎯 Website Creation: Providing comprehensive support from initial brainstorming to coding and launching your custom website.

🔍 Integration and Web Development: Specialising in front-end expertise for projects using JavaScript / React.js.

👩‍💻 Freelance disponible pour vous accompagner sur vos projets !

🎯 Création de sites web : accompagnement complet et personnalisé, de la conception initiale à la mise en ligne de votre site web.

🔍 Intégration et développement web : interventions spécifiques pour des projets nécessitant une expertise front-end (JavaScript / React.js).

About me

My profile picture

Hi, my name is Marie-Ange, and I specialise in front-end development with a unique global approach!
With over 10 years of experience in the web industry, my professional journey has provided me with the opportunity to collaborate with talented developers, greatly enriching my interest in programming and inspiring me to pursue extensive web development training.
Throughout my career, I've developed skills in project management, web design, web marketing, and web writing. Now, I can apply this expertise to pursue my true passion: creating customised websites that perfectly reflect my clients' visions.
Driven by the desire to take on new challenges, I have chosen to leverage my skills as a freelancer. Passionate about my work, I would love to collaborate with individuals who share the same enthusiasm for theirs.
Feel free to explore my portfolio to discover my projects, and don't hesitate to reach out for more information about my services.

À propos de moi

My profile picture

Salut, je m'appelle Marie-Ange, et je suis spécialisée dans le développement front-end intégrant une approche globale unique !
Avec plus de 10 ans d'expérience dans le web, mon parcours professionnel m'a offert l'opportunité de collaborer avec des développeurs talentueux, ce qui a considérablement enrichi mon intérêt pour la programmation et m'a inspiré à suivre une formation approfondie en développement web.
Tout au long de ma carrière, j'ai développé des compétences en gestion de projet, en webdesign, en marketing digital et en rédaction web. Maintenant, je peux mettre cette expertise au service de ma véritable passion : la création de sites web personnalisés qui reflètent parfaitement la vision de mes clients.
Animée par le désir de relever de nouveaux défis, j'ai choisi de mettre mes compétences à profit en tant que freelance. Passionnée par mon métier, j'aimerais travailler avec des personnes partageant le même engouement pour le leur.
Je vous invite à explorer mon portfolio pour découvrir mes projets et n'hésitez pas à me contacter pour en savoir plus sur mes prestations.

Skills

As a front-end developer, my key strengths lie in crafting intuitive and responsive user interfaces. I excel at translating design concepts into high-performing HTML, CSS, and JavaScript code.
By using front-end frameworks such as React and Bootstrap, coupled with a solid grasp of accessibility and SEO best practices, I aim to deliver optimal web experiences on all screen sizes.

Compétences

En tant que développeuse front-end, je suis spécialisée dans la création d'interfaces utilisateur intuitives et adaptatives. Je maîtrise la transformation de maquettes en code HTML, CSS et JavaScript performant.
En utilisant des frameworks front-end tels que React et Bootstrap, et avec une solide compréhension des bonnes pratiques en matière d'accessibilité et de référencement (SEO), je m'assure de fournir des expériences web optimales sur toutes les tailles d'écran.

Education & Evolution

My academic journey includes obtaining a master's degree in Intercultural Relations and International Cooperation from the University of Lille 3 (France), where I studied foreign languages. This experience has strengthened my ability to understand and adapt to various contexts while navigating in a bilingual French/English environment.
More recently, I have enhanced my programming skills by taking courses with SheCodes and engaging in daily self-directed learning, an essential requirement in an ever-evolving sector.

Parcours & Formation

Mon parcours académique inclut l'obtention d'un master en Relations Interculturelles et Coopération Internationale à l'Université de Lille 3, où j'ai étudié les langues étrangères. Cette expérience a renforcé ma capacité à comprendre et à m'adapter à des contextes variés, tout en évoluant dans un environnement bilingue français / anglais.
Plus récemment, j'ai enrichi mes compétences en programmation en suivant des cours avec SheCodes et en me formant quotidiennement en autodidacte, une nécessité incontournable dans un secteur en constante évolution.

Work Experience

In my previous roles, I dedicated five years to web marketing and content management in an online bookstore, followed by six years as a digital project manager in a communication agency.
Throughout this period, I seamlessly integrated web tools into my daily routine, creating effective online solutions for diverse clients while successfully managing projects along with development and graphic design teams within tight budgets and demanding timelines.

Expérience Pro

Mon expérience professionnelle précédente couvre cinq années en webmarketing et gestion de contenus au sein d'une librairie en ligne, suivi de six ans en tant que chef de projet digital dans une agence de communication.
Ces rôles m'ont offert l'occasion quotidienne d'utiliser des outils web, de concevoir des solutions en ligne efficaces pour une clientèle variée, et de diriger des équipes de développement et de conception graphique, le tout en respectant des contraintes budgétaires et des délais serrés.

Portfolio

Within my portfolio, I showcase a panel of significant achievements and tackled challenges, providing valuable learning opportunities. I applied my skills in HTML, CSS, and JavaScript to design pages on various topics, incorporating frameworks such as Bootstrap and React. I also integrated APIs to enhance the functionality of the applications I developed.
Through my portfolio, I share not only professional and personal accomplishments but also create a space for professional connections. If you are seeking a passionate and skilled front-end developer ready to contribute to your projects, I am at your disposal.

Au sein de mon portfolio, je présente un panel de réalisations significatives ainsi que des challenges relevés, offrant des occasions d'apprentissage enrichissantes. J'ai appliqué mon savoir-faire en HTML, CSS, et JavaScript pour concevoir des pages sur des sujets variés, en intégrant des frameworks tels que Bootstrap et React. J'ai également intégré des API pour enrichir les fonctionnalités des applications que j'ai développées.
À travers mon portfolio, je partage non seulement mes accomplissements professionnels et personnels, mais je crée également un espace propice aux connexions professionnelles. Si vous êtes à la recherche d'une développeuse front-end passionnée et compétente, prête à apporter sa contribution à vos projets, je me tiens à votre disposition.

Mockup of the page

Todo Tab App

I built this dashboard for a personal project. This 'new tab' page aims to enhance productivity and inspiration. Created from scratch, without frameworks, it offers a unique design and key features such as customizable settings, local storage, and content sourced from various APIs.

J'ai construit ce tableau de bord pour un projet personnel. Cette page 'nouvel onglet' vise à améliorer la productivité et l'inspiration. Créée à partir de zéro, sans frameworks, elle offre un design unique et des fonctionnalités clés telles que des paramètres personnalisables, un stockage local et du contenu provenant de différentes API.

Mockup of the page

My Coding Journey

I created this page as part of a challenge organised by SheCodes. It showcases my learning journey in a chronological format and is animated using JavaScript.

J'ai créé cette page dans le cadre d'un challenge organisé par SheCodes. Elle présente mon parcours d'apprentissage sous une forme chronologique et est animée en JavaScript.

Mockup of the page

Yoga Postures

I crafted this page as part of another online challenge. My goal was to be able to update the content in the smoothest way possible, both on desktop and mobile.

J'ai élaboré cette page dans le cadre d'un autre challenge en ligne. Mon objectif était de mettre à jour le contenu de la manière la plus fluide possible autant sur desktop que sur mobile.

Mockup of the page

Weather App

This weather application was the final project of my SheCodes React workshop. It includes a search engine and displays results powered by the OpenWeatherMap API.

Cette application météo constituait le projet final de mon workshop SheCodes React. Elle intègre un moteur de recherche et affiche des résultats alimentés par l'API OpenWeatherMap.

Mockup of the page

Dictionnary Project

Just as with the Weather App, this project was part of my SheCodes React program and allowed me to validate the advanced workshop. To add to the challenge, I tested the dedicated SheCodes API.

Tout comme la Weather App ce projet faisait partie de mon programme SheCodes React et m'a permis de valider l'advanced workshop. Pour ajouter au challenge, j'ai testé l'API SheCodes dédiée.

Mockup of the page

Movie Challenge

I created this page to take part in the Epic Movie Challenge organised by SheCodes. I emphasised both content and design to closely match the film's storyline.

J'ai créé cette page pour participer au Epic Movie Challenge organisé par SheCodes. J'ai mis l'accent sur le contenu et le design pour être au plus proche de l'intrigue du film.

Mockup of the page

50 Projects / 50 Days

I completed 50 mini-projects of various types, which allowed me to enhance my skills in JavaScript and feel more comfortable with DOM manipulation, as well as the use of APIs.

J'ai réalisé 50 mini-projets variés qui m'ont permis de progresser en JavaScript et de me sentir plus à l'aise dans la manipulation du DOM, ainsi que dans l'utilisation des APIs.

Mockup of the page

Minimalist Pomodoro Timer

Built with React and designed with a minimalist approach, this app integrates the Pomodoro Technique, a time management method, to improve focus and boost productivity. It features essential functionalities such as customisable timers that can be saved for your next session, a soft 'ding' sound to notify you when the timer is complete, and calming visuals to enhance peace and tranquillity.

Créée avec React, adoptant une approche minimaliste et un design épuré, cette application intègre la Technique Pomodoro pour améliorer la concentration et augmenter la productivité. Elle offre des fonctionnalités essentielles telles que des minuteurs personnalisables pouvant être sauvegardés pour votre prochaine session, une notification sonore discrète à la fin du chronomètre, et des visuels apaisants pour favoriser le calme et la tranquillité.

GitHub

For those curious about code, I invite you to explore my GitHub profile to learn more about my accomplishments. You'll find the repositories for most of my projects, the majority of which are open source. Feel free to share your feedback and suggestions – collaboration and the exchange of ideas are, in my opinion, among the greatest strengths of our coding community.

Pour les curieux passionnés de code, je vous invite à explorer mon profil GitHub pour en savoir plus sur mes réalisations. Vous y trouverez les repositories de la plupart de mes projets, en majorité open source. N'hésitez pas à partager vos retours et suggestions : l'entraide et le partage d'idées sont, selon moi, l'une des plus grandes forces de notre communauté de codeurs.

Instagram

You can also stay updated on my portfolio and ongoing work by following me on Instagram. I regularly post updates, sneak peeks, and behind-the-scenes looks at my new projects there. You can also show your support on this platform, where I've discovered a lively and engaging development community. Follow for insights into my creative process and stay updated on my latest projects.

Vous pouvez aussi me suivre sur Instagram pour rester informé(e) de l'évolution de mon portfolio et de mes projets en cours. J'y publie régulièrement des mises à jour, des aperçus et des coulisses de mes nouveaux projets. Vous pouvez également me soutenir sur cette plateforme sur laquelle j'ai découvert une communauté de développement très active et stimulante.

Contact

For any inquiries, collaboration proposals, quote request or just to discuss exciting projects, feel free to contact me directly by email or through the form below.

Pour toute question, proposition de collaboration, demande de devis ou simplement pour discuter de projets passionnants, n'hésitez pas à me contacter directement par email ou via le formulaire ci-dessous.





You can also find me on LinkedIn to learn more about my professional journey.

Vous pouvez également me retrouver sur LinkedIn pour en savoir plus sur mon parcours professionnel.