Work

Details

I used to work for Tempo a platform that connects companies that are hiring to candidates. I worked on several new pages that you can see on the right hand side. The stack was TypeScript, React, Redux, Material UI on the front-end and on the backend Node.js, MongoDB, Feathers and GraphQL.

All the projects included some level of backend work as well. I collaborated with the design team in order to make the best UX possible and cover all the edge cases.

You can signup for Tempo and see all the hardwork on their website =)

Technologies used

• TypeScript, JS and React
• JSS, Material UI
• React hooks and Redux
• Node.js, Feathers
• MongoDB, GraphQL

Details

This project has been split between me and my partner Nicolas Severin, an experienced backend developer. I was in charge of building the front-end app in modern React.

Because we were expecting we needed a website for our family and friends from France in order for them to send us gifts. The website is mainly in French. We organised our work on Trello and BitBucket, with a system of Pull Requests.

Find on the right some screenshots of the application and find below the link to the project.

Technologies used

• TypeScript and React - on Github
• JSS for the styling
• React hooks and Redux

Details

This project has been split between me and my partner Nicolas Severin, an experienced backend developer. I was in charge of building the API and help him with the UI in React.

We organised our work on Trello and BitBucket, with a system of Pull Requests. We also put together our ideas in paper with specifications in this document. We also wireframed the project with the different screens.

Find on the right some screenshots of the application and find below the link to the project.

Technologies used

• Node with Express - on Github
• MongoDB and mongoose for the database
• TDD with Mocha and Chai
• React for the front-end
• React Spring for the animations and transitions

Details

The meal planner has been created to help the user to plan what they are eating during the week. It is a project made with React calling three different APIs:

• Firebase: saves and updates the data on the main board
• Zomato: gets the list of restaurants near you
• Edamam: gets recipes from an ingredient

Technologies used

• React
• APIs: Zomato, Firebase, Edamam
• Responsive with Flexbox

Details

I was travelling with my husband to Singapore and wanted some organisation in order to have a great experience. I wanted this project to be accessible anywhere and to have a modern look using CSS Grid.

Technologies used

• Javascript, jQuery
• HTML5 / CSS3
• CSS Grid / Flexbox

Details

This quiz use React to render all the components of the page. I decided to do a quiz about bakery, as I worked in this environment for the last three years. I have done the illustrations and the logo with Adobe Illustrator.

Technologies used

• Javascript, React.js
• HTML5 / CSS3
• Adobe Illustrator

Find here the illustration I created for the lesson:
Sketched version:
Illustrator version:

Find here the sketched wireframe of the website:

Details

This project was done with the help of my mentor. This game use React to render all the components of the page. Please have a look and enjoy the game!

Technologies used

Front-end (by myself & my mentor)

• UX/UI
• Javascript, React.js
• HTML5 / CSS3
• API

Find here the sketched wireframe of the website I created:

Back-end (by my mentor)

• Node.js
• MongoDB

Details

I work on mini-projects in order to improve my React skills. You can find the React collection on my CodePen profile. This includes a to-do list, a contact list and a timer.

Technologies used

• HTML5 / CSS3
• Javascript, React.js

Details

During my studies at OpenClassRooms, I had some projects including developing a full website as if my client was a travel agency, from a Photoshop template accessible here.

For the front page, I implemented everything from the static template and I added some interactions with Javascript and jQuery. Besides, I implemented the other pages (service, about us, travel ideas, blog and contact us) from scratch, without a psd template.

Technologies used

• HTML5 / CSS3
• Bootstrap & flexbox
• Javascript
• Jquery
• Adobe Photoshop

Details

I wanted to create my own website, with the effects and the design I wanted. The website is responsive.

Technologies used

• HTML5 / CSS3
• Bootstrap & flexbox
• Javascript
• Jquery
• Adobe Photoshop
• Adobe Illustrator
• Adobe Experience Design

Find here the two prototypes/wireframes of the website:

Version 1

Version 2