Hi, I'm Cyril De Graeve, a fullstack javascript Developer & Problem solver. I look forward to working for you.

WELCOME TO MY PORTFOLIO

HARD SKILLS

Who I am?

Cybercultural journalist in a previous life, always passionate about machines and networks, I now work as a freelance developer full of projects and new contacts.

Why me?

You have a problem? I have the solution! As a freelance developer, I offer a comprehensive range of web development services that encompass all stages of website, SaaS or application creation. My practical experience and deep understanding of the Javascript ecosystem (ES6+) enables me to solve complex problems, creating functional solutions with modern, aesthetically pleasing interfaces that are tailored to your needs.

    JavaScript

    React

    Node.js

    Next.js

    Express.js

    Supabase

    PostgreSQL

    Sequelize

    Framer

    Chakra UI

    Bootstrap

    Agile / Scrum
    (methods)

    GitHub

    Vercel

WORKS

Serious Publishing

Serious PublishingSerious PublishingSerious Publishing
For a Parisian publishing house, I was responsible for the complete redesign of a PHP/MySQL site into a Javascript/PostgreSQL site (and webapp).

> Front-end: Design, technical implementation and editorial (React / Next.js / Typescript / Tailwind / Framer motion) + upgraded GDPR + SEO,
> Back-end (Node.js / Express / PostgreSQL): creation of a Rest API and creation of a complete and fully secure Back-office (Next Auth, JWT),
> Development of an online store + User basket + Paypal and credit card payments + calculation of shipping costs...
> Responsive design for adequate display on all types of screen (version optimized for smartphones).

For this client, I was also responsible for the installation and complete configuration of the application on a VPS server. I managed the entire deployment, including server configuration (Nginx, SSL certificate, Node.js, PM2...) to ensure optimal performance and security.

Freelance fullstack developer (+ DevOps)

ReactNext.jsTypescriptShadcnNode.jsPostgreSQLTailwindFramer-motion

Clairios

ClairiosClairiosClairios
For an IT services company focused on outsourcing and consulting, I designed and developed a dynamic and modern website, focusing on accessibility, efficiency and optimal user experience:

> Professional presentation of services: Design of a clear and intuitive user interface, highlighting the services offered, such as outsourcing, security, support, and cloud solutions, to meet the needs of SMEs and TPE.
> Optimized contact functionality: Creation of a user-friendly and functional contact form, allowing customers to easily get in touch for requests for information or commercial proposals.
> Optimization for SEO : Incorporation of meta tags and structured data to improve the visibility of the site on search engines and attract a wider audience.

For this client, I also took care of the installation and configuration complete application on a VPS server. I managed the entire deployment, including server configuration (Apache, SSL certificate, Node.js, PM2...) to ensure optimal performance and security.

Freelance Front-end Developer

ReactNext.jsTypescriptNode.jsTailwindFramer-motion

Sajin Studio

Sajin StudioSajin StudioSajin Studio
For a photographer, I designed this application (web & mobile) for managing and sharing event photos to allow him to offer the sharing of his shootings directly to his audience and clients. Here is what I achieved:

> Event management: Creation and management of personalized events, allowing easy storage and access to specific photos from each event,
> Upload and secure storage: An intuitive interface for uploading and storing photos, ensuring every captured moment is kept secure and accessible,
> Intuitive Viewing: A clean gallery allowing users to view, select and share the moments they they love,
> Personalized photo sending: Integration of a fluid email sending system, allowing users to easily share their memories with those around them,
> Simplified administration: A simple interface Robust administration for effortless management of content and configurations.

For this client, I was also responsible for installing the application (Front and Back) on a virgin VPS that I fully configured, from scratch (Nginx, SSL certificate, Node.js, PM2...).

Freelance fullstack developer (+ DevOps)

ReactNext.jsTypescriptNode.jsExpressChakra UIBcryptFramer-motion

Codeberry

CodeberryCodeberryCodeberry
For a startup in the financing phase, I participated in the development of the MVP of a SaaS intended to automatically generate Pull Requests from Jira and/or Linear tickets. My main role was to integrate Jira into the application to retrieve certain tickets and automate their processing, which facilitates the workflow of the development teams and improves the efficiency of the code management process.

> Integration of Jira into the application (Database - Supabase & Drizzle ORM -, development of an API with Next.js API Routes to interact with the Jira API,
> Creation of functions to automate generation of Pull Requests based on retrieved tickets,
> Displaying Jira tickets in the application in real time,
> Using Server Actions from Next.js to manage server-side actions directly from React components,< br>>Added a 'label' field in the Jira application and tickets.

With a solid foundation for the MVP, I was able to help with the rapid delivery of a working product in just 5 days.

Freelance fullstack developer

ReactNext.jsTypescriptTailwindShadcnFramer-motionDrizzleSupabaseServer ActionsClerkVercel

Artificial Life Coach

Artificial Life CoachArtificial Life CoachArtificial Life Coach
I designed from scratch (Back and Front) Artificial Life Coach, an application which aims to offer the user an artificial life coach to manage their weekly (or daily on smartphone) interactive mobile agenda, based on their current interests and needs. After registration or connection, the user can:

> Enter their interests (1 or more) and current needs for a duration (in days) that they determine,
> Send their selection directly to the coach, now able to add glitter to his life.
> Ask the coach: what to do this afternoon? Or tomorrow morning?,
> Add the coach's suggestion to his calendar, on the day and time that suits.
> Use the calendar by entering elsewhere its own programs and activities (Google Calendar style).

The Front server corresponds with a RESTful API, a PosgreSQL database and an OpenAI API (gpt-3.5-turbo-1106, precisely).

Freelance fullstack developer

ReactNext.jsNode.jsExpressChakra UIPosgreSQLSequelizeJWTBcryptFramer-motion

Christel Milhavet

Christel MilhavetChristel MilhavetChristel Milhavet
For my client, a career coach and psychotherapist, I designed and developed an elegant and functional site that reflects her personalized approach to coaching and psychotherapy.

Presentation and clear navigation: Design of an interface intuitive and accessible user, facilitating navigation between the different sections of the site,
> SEO optimization: Integration of optimization practices for search engines,
> Contact forms: Development of an interactive form, improving visitor engagement and data collection,
> Responsive design: Responsive design ensuring a consistent user experience on all devices,
> Secure installation and configuration (optimized hosting, SSL certificate and deployment of best practices for performance and security).

This project required careful attention to user experience, ensuring that the site was not just a touchpoint but also a valuable resource for visitors.

Freelance Front-end Developer

ReactNext.jsTypescriptNode.jsTailwindFramer-motion

Télégraphe

TélégrapheTélégrapheTélégraphe
I created Télégraphe, a platform dedicated to discovering the shops of the Télégraphe district, located in the 20th arrondissement of Paris. Purpose: to help residents and visitors easily find local shops and learn more about what they offer.

Community members can:

> Authenticate,
> Discover the rating and opinions left by others,
> Write and save their own opinion on a store,
> View its exact location on an interactive map (Google Map API).

The application is fully responsive and adapts to all types of devices (desktop computers, tablets or smartphones).
This project is currently in progress. Additional updates and features will be added soon.

Freelance fullstack developer

FramerReactNext.jsBootstrapNode.jsSupabase

CyNoche

CyNocheCyNocheCyNoche
CyNoche is a web application that lists (almost) all the movies I've seen in my life. I made this application with React and Chakra UI, and I use an API to provide data.

Features:

> Display of a catalog of films,
> Star rating system (out of 5),
> Sorting by film names, director names, release years and ratings ,
> Adding and/or updating and/or deleting a film from the database,
> Searching for films by titles and/or directors,
> Selection of the film profile (poster + summary),
> Summaries in English or French,
> Dark or light mode,
> Logging of additions, modifications and deletions (Winston).

You can use my data (over 2200 films) or yours if you fill the database with your own films.

Personnal project (Front + Back)

ReactChakra UINode.jsExpressPosgreSQLWinston/Papertrail

J'adopte un humain

J'adopte un humainJ'adopte un humainJ'adopte un humain
At the end of my training, I participated as Product Owner and Back-end Developer in the design of J'adopte un humain, a responsive design application of a fictitious animal shelter which allows future adopters to choose the companion best suited to their desires, values ​​and needs. Through this project, the aim is to dust off existing showcase sites, which are rather faded and without major interactions, and to provide shelters with a simplified and secure animal management system.

> The main idea is a matching system between the profile provided by the user when connecting and the profile of the animals provided by the caregivers (staff).

> The site has 3 levels of rights (roles and permissions): User profile / Staff profile / Admin profile, authenticated (JSON Web Token) and secure (BCrypt).

Product Owner & Back-end developer

ReactSassNode.jsExpressPosgreSQLJWTBcryptSwaggerJest

Don Efficace

Don EfficaceDon EfficaceDon Efficace
I participated in the internationalization (with the 'i18next' framework) of the site of the Giving What We Can association to create the French version of the new site of Don Efficace, a non-profit NGO intended to finance actions for reduce the suffering of all sentient beings (human and non-human) as effectively as possible, directly or indirectly.

I also updated the marketing portion of the site using Sanity, an open-source headless CMS written in JavaScript and designed for developers

Finally, I took care of the necessary adaptations so that the site was fully GDPR compliant. A 2-month project carried out as a team and in close collaboration with Swiss-German and English developers.

Front-end & Back-end developer

ReactNext.jsTypeScriptNode.jsExpressJestSanity

My portfolio

My portfolioMy portfolioMy portfolio
The portfolio that you are currently browsing, in constant evolution, can be viewed in dark or light mode, on desktop or on smartphone, depending on your preferences. You can read it in French or English.

I am delighted to present here some of my creations, and to introduce you to new ones soon... I will be very happy to be able to add your project which could well be the most exceptional of all. Your vision combined with my expertise could give birth to something unique. I am attentive to your needs and ready to collaborate to transform your ideas into reality.

Let's discuss it and find together the best solution for your aspirations.

Problem solver / At your service

ReactNext.jsChakra UIFramer-motionNode.jsExpress

It was you who said it !

Some feedback from customers and reviewers satisfied with my services.

This is the second mission that I have entrusted to Cyril. He had taken over the Front-end of my site and he has just taken over the entire Back-end as well. His full-stack skills are incredible!

Filo S.

Editor

Very good project carried out efficiently and quickly by Cyril to meet a specific and urgent business request. The result exceeded initial expectations! I highly recommend this developer.

Emmanuel P.

Event photographer

Cyril managed to instill creative ideas to set me apart from other existing sites. He meets deadlines, he is involved and I was aware of all the steps.

Christel M.

Career coach and psychotherapist

Very good contact with Cyril, very professional. Good support in determining the visual choices for my website. Very satisfied with the work done.

Josselin G.

Founder of the Clairios company

Cyril, who was very open to feedback, well organized and autonomous, is a pleasant person to work with. We highly recommend him and will work with him again in the future.

Alejandrina C.

President of the Don Efficace endowment fund

Congrats Cyril on obtaining your professional title! You have shown good maturity as a developer and you have the soft skills necessary to succeed as a freelancer.

The jury

Professional title Web & Mobile Web Developer

LET'S PLAY !

I am also interested in AI, machine & deep learning. My skills in this area are still elementary, but my interest and curiosity are strong. Here is a Morpion that I coded, for fun, with the minimax algorithm, a basic and deterministic AI. If you manage to beat the machine, I'm offering the first 2 days of service! ;-)

SOFT SKILLS (& ethics)

WRITING SKILLS

Great editorial skills, for editing, writing and rewriting (French and English) / Graduate diploma in journalism.

For 20 years, I was a journalist (GQ, Paris-Match...). I also founded a cybercultural magazine on the Internet and on newsstands, of which I was the editorial director (40 journalists) and editor-in-chief for more than 15 years.

INDIVIDUAL INITIATIVE & AUTONOMY

Independent and autonomous worker, I know how to manage projects that require important creative and functional initiatives.

To best meet the needs defined upstream with my clients, I demonstrate autonomy in the execution of creative and innovative missions, anticipating both the constraints and possibilities of a project with high added value.

TREND MONITORING

Ability to observe and analyze the latest cultural, societal and technological trends.

I strive to capture the interests of a young and connected audience by unearthing cutting-edge content and techniques, the result of constant monitoring of trends to be and act in signs of the times.

SOCIAL NETWORKS & WEB 3

Excellent command of social networks and good understanding of the dynamics of the Web 3.

I know how to optimize an online presence, with a strategic use of social networks, while keeping myself actively informed of Web 3 developments, in order to improve the engagement and the reach of the public.

FLEXIBLE & AVAILABLE

High flexibility and availability, adept at remote work and unconventional work hours.

I easily manage projects remotely and in different time zones, constantly providing my partners with a follow-up of my achievements and the convincing results.

GEEK CULTURE & VIDEO GAMES

Cinephile, gamer and cyberpunk fan. Deeply immersed in digital cultures since the early 1990s.

I knew and used a wide variety of game consoles, open worlds, computers (Apple IIe, Amstrad, Atari ST, Amiga, Mac, PC...). This passion fueled my immersion in digital cultures, allowing me to understand and adapt to emerging trends.

ANIMALS / MACHINES

Passionate about technology with a deep love for animals, cherishing both innovation and living things.

Living with two human companions and a dog, I long for a future filled with advanced technology and diverse pets. As a vegan and antispeciesist human, I respect all forms of life, whether animal, plant or digital.

STRENGHTS & WEAKNESSES

Dedicated, meticulous, punctual, curious, attentive, open-minded and mature. Humble, I welcome my (human) imperfections with serenity.

I demonstrate integrity and reliability, consistently demonstrated in professional circles. Not without gap, but constantly striving to learn and improve my skills.

CONTACT

Ready to build something amazing together? Please leave a message so I can understand your website, SaaS and application (web & mobile) creation, redesign and optimization needs, both front-end and back-end. I also invite you to visit my spaces on social networks, as well as my profile on market platforms like Malt or Codeur, where I offer my services.

    X logo
    Malt logoCodeur logo