/My-openclassrooms-journey

🎓 Resume of the Project I did to get my degree

French 🇫🇷

🎓 Résumé des 14 projets réalisés pendant ma formation chez openclassrooms

Projet 1: Organiser sa formation (deadline, veille, planning)

Projet 2: Transformez un maquette en site web avec HTML & CSS

badge sample badge sample

Repository

Description:

    Démarrez sur HTML et CSS en intégrant la page Web de Booki, une plateforme de réservation de vacances.

Compétences:

  • ImplĂ©menter une interface responsive
  • IntĂ©grer du contenu conformĂ©ment Ă  une maquette

Projet 3: Dynamisez une page web avec des animations CSS

badge sample badge sample

Repository

Description:

    Implémentez la version mobile d'un site de foodtech avec des animations CSS.

Compétences:

  • Utiliser un système de gestion de versions pour le suivi du projet et son hĂ©bergement
  • Assurer la cohĂ©rence graphique d'un site web
  • Mettre en place une structure de navigation pour un site web
  • Mettre en Ĺ“uvre des effets CSS graphiques avancĂ©s

Projet 4: Créez une landing page avec Javascript

badge sample badge sample badge sample

Repository

Ma version Typescript de ce projet

badge sample

Description:

    Démarrez le Javascript avec le site de GameOn, une entreprise de gaming. Dans ce premier projet de code, vous apprendrez à programmer avec Javascript depuis zéro.

Compétences:

  • Programmer en JavaScript

Projet 5: 1er Test technique

badge sample badge sample badge sample

Projet 6: Créez un site accessible pour une plateforme de photographes

badge sample badge sample badge sample badge sample

Repository

Description:

    Allez plus loin en Javascript avec Fisheye, cette application de photographes freelances. Portez une attention toute particulière au fait de rendre cette application accessible à tous.

Compétences:

  • GĂ©rer les Ă©vènements d'un site avec JavaScript
  • Assurer l'accessibilitĂ© d'un site web
  • Ecrire du code JavaScript maintenable
  • DĂ©velopper une application web modulaire avec des design patterns

Projet 7: DĂ©veloppez un algorithme de recherche en JavaScript

badge sample badge sample badge sample badge sample

Repository

Description:

    Implémentez un algorithme de recherche de recettes de cuisines pour le site Les Petits Plats grâce à des outils et méthodes avancées de Javascript ainsi que Bootstrap pour l'interface.

Compétences:

  • DĂ©velopper un algorithme pour rĂ©soudre un problème
  • Analyser un problème informatique

Projet 8: 2nd Test technique

badge sample badge sample badge sample

Projet 9: DĂ©buggez et testez un SaaS RH

badge sample badge sample badge sample badge sample

Repository

Description:

    L'application de gestion de notes de frais Billed est pleine de bugs. Corrigez le code et implémentez des tests unitaires et d'intégration pour que ce ne soit plus le cas.

Compétences:

  • Ecrire des tests d'intĂ©gration avec JavaScript
  • RĂ©diger un plan de test end-to-end manuel
  • DĂ©bugger une application web avec le Chrome Debugger
  • Ecrire des tests unitaires avec JavaScript

Projet 10: DĂ©finissez les besoins pour une app de soutien scolaire

badge sample badge sample

Description:

    DĂ©finissez les besoins pour votre nouveau client, une association de soutien scolaire. Vous utiliserez les outils agiles comme les User Stories.

Compétences:

  • CrĂ©er une maquette pour un client/li>
  • Identifier les besoins de l'application Ă  partir d'un cahier des charges
  • Contribuer Ă  un projet en utilisant une mĂ©thodologie agile
  • ModĂ©liser une solution technique pour un client

Projet 11: DĂ©veloppez une application Web avec React et React Router

badge sample badge sample badge sample

Repository

Description:

    Implémentez le front end de Kasa, une application de location de logements. Mettez en place des composants avec React et les routes de l'application avec React Router.

Compétences:

  • Initialiser une application web avec un framework
  • DĂ©velopper les routes d'une application web avec React Router
  • CrĂ©er des composants avec React

Projet 12: DĂ©veloppez un tableau de bord d'analytics avec React

badge sample badge sample badge sample

Repository

Description:

    Intégrez des graphiques et des diagrammes avec React pour SportSee, un tableau de bord d'analytics de sport. Vous utiliserez une API pour récupérer les données.

Compétences:

  • Produire de la documentation technique pour une application
  • Interagir avec un service Web
  • DĂ©velopper des Ă©lĂ©ments graphiques avancĂ©s Ă  l'aide de bibliothèques JavaScript
  • Assurer la qualitĂ© des donnĂ©es d'une application

Projet 13: Utilisez une API pour un compte utilisateur bancaire avec React

badge sample badge sample badge sample

Repository

Description:

    Remede Agency a besoin de vous pour compléter le code de leur site. Vous écrirez des appels à l'API REST pour connecter le front au back et vous modéliserez une API.

Compétences:

  • S'authentifier Ă  une API
  • ModĂ©liser une API
  • IntĂ©ragir avec une API
  • ImplĂ©menter un gestionnaire d'Ă©tat dans une application React

Projet 14: Transformer une app jquery en une application react moderne

badge sample badge sample badge sample badge sample badge sample badge sample badge sample badge sample badge sample badge sample

Repository (front)

Repository (back)

Description:

    Participez Ă  la conversion de HRnet vers React. Vous allez transformer la version jQuery du site en React

Compétences:

  • Refondre une application pour rĂ©duire la dette technique
  • Programmer en JavaScript avec la programmation fonctionnelle
  • DĂ©ployer une application front-end
  • Analyser la performance d'une application web

English 🇬🇧

🎓 Resume of the 14 openclassrooms projects I made for my graduation

Project 1: Plan (deadline, tools ...)

Project 2: Turn Mock-ups Into a Web Page with HTML & CSS

badge sample badge sample

Repository

Description:

    Get started with HTML & CSS by implementing a travel booking platform's website from scratch.

Skills:

  • Integrate web content according to a mockup using HTML & CSS
  • Implement a responsive layout

Project 3: Integrate a mobile website with animations in CSS

badge sample badge sample

Repository

Description:

    Implement the mobile version of this foodtech website with CSS animations.

Skills:

  • Implement design effects using CSS & Sass
  • Track a code project with version control on GitHub
  • Develop a navigation structure for a website
  • Ensure design consistency on a website

Project 4: Build a Landing Page Using Javascript

badge sample badge sample badge sample

Repository

My Typescript version of the project

badge sample

Description:

    Get started with Javascript on this gaming company's website, GameOn. In this first programming project, you'll discover how to code with Javascript from scratch.

Skills:

  • Program using fundamentals of JavaScript

Project 5: 1st skills test

badge sample badge sample badge sample

Project 6: Create an Accessible Website For a Freelancer Sourcing Platform

badge sample badge sample badge sample badge sample

Repository

Description:

    Delve into Javascript with Fisheye to build this freelance photographer platform. Be sure your code makes this web app accessible to all.

Skills:

  • Ensure the accessibility of a website
  • Write maintainable JavaScript code/li>
  • Develop a modular app with design patterns
  • Manage website events

Project 7: Develop a Search Tool

badge sample badge sample badge sample badge sample

Repository

Description:

    Implement a search algorithm for Les Petits Plats, a recipe website. You will use Bootstrap to build the interface and advanced Javascript methods and tools for optimization.

Skills:

  • Develop an algorithm to solve a problem
  • Deconstruct a computational problem

Project 8: 2nd skills test

badge sample badge sample badge sample

Project 9: Debug and Test an HR SaaS

badge sample badge sample badge sample badge sample

Repository

Description:

    The expense report app, Billed, is experiencing a handful of bugs. You'll have to fix as well as write new unit and integration tests to detect future problems.

Skills:

  • Write unit tests with JavaScript
  • Write integration tests with JavaScript
  • Write a manual E2E test plan
  • Debug a web application

Project 10: Define User Needs for a Tutoring App

badge sample badge sample

Description:

    A non-profit that tutors children needs your help. Determine their needs and create a plan to tackle them using agile tools such as, User Stories, mock-ups, a Kanban table and use case diagrams.

Compétences:

  • Model a technical solution for a client using domain models
  • Manage a code project using agile methodology
  • Create a mockup for a client
  • Identify functional application requirements based on client needs

Project 11: Develop a Web App with React and React Router

badge sample badge sample badge sample

Repository

Description:

    Implement the front end of Kasa, a person-to-person, real estate rental app. For this client, you will create components with React and build the routes of your app with React Router.

Skills:

  • Initialize a React web app
  • Develop the routes of an application with React Router
  • Create React components

Project 12: Develop a Dashboard for Analytics with React

badge sample badge sample badge sample

Repository

Description:

    Create the consumer-facing dashboard of a sports analytics platform, SportSee. Build graphs and charts with React and use an API to fetch data.

Skills:

  • Interact with a web service
  • Ensure data quality in a web application
  • Develop advanced graphics using libraries
  • Produce technical documentation for a web application

Project 13: Connect to a Back End with an API Using React

badge sample badge sample badge sample

Repository

Description:

    Remede Agency needs you to complete their website's code to communicate with the back end. You'll write REST API calls to connect the front end to the back end of the website and model new API endpoints.

Skills:

  • Interact with an API
  • Implement a state management system in a React app
  • Create API models
  • Authenticate to a secure API

Project 14: Transform an old jquery app into a modern react one

badge sample badge sample badge sample badge sample badge sample badge sample badge sample badge sample badge sample badge sample

Repository (front)

Repository (back)

Description:

    You will create a new and purpose a brand new version of Hrnet using react

Skills:

  • Refactor an application to reduce technical debt
  • Deploy a front-end web app
  • Code in JavaScript with functional programming
  • Monitor the performance of a web app