Freelancer profile translated to English.
Back to original languageAbout Anis
With over 10 years of professional experience in Front-end development, I specialize in dynamically creating user interfaces using React and NextJS. My expertise also extends to integrating Design Tokens and rigorously applying Atomic Design principles, while ensuring web accessibility compliant with RGAA standards. Passionate about new technologies, I strive to bring significant innovations to every project I undertake.
My background demonstrates a relentless pursuit of technical excellence and a strong desire to contribute to avant-garde initiatives, making me an ideal candidate for stimulating and innovative career opportunities.
French
Native or bilingual
English
Fluent
Can work on-site
Paris (up to 50km)
Experience
- LayerCakeFullstack Dev: Typescript | React/Next.js | MongoDB | TailwindSeptember 2024 - January 2025 (4 months)Cergy-Pontoise, FranceContext:The project involves creating an e-commerce website for layer cakes, along with a presentation section for the business and a blog for sharing recipes. The technologies used for developing this platform include MongoDB for the database, Next.js and React for the front-end, and Tailwind CSS for design and layout.Actions
- Design and development of an e-commerce platform for selling layer cakes, integrating a presentation section and a blog for recipe sharing.
- Creation of an interactive and high-performance user interface using Next.js and React, incorporating advanced navigation and rendering features.
- Simplified and optimized data management with Prisma, a next-generation ORM, for efficient interaction with the MongoDB database, including migration management and schema generation.
- Implementation of a secure and flexible authentication system using Lucia, an open-source project, for robust authentication with JavaScript and TypeScript.
- Application of modern and responsive styles using Tailwind CSS, ensuring an attractive user experience adapted to all devices.
- Optimization of performance and natural referencing (SEO) through the use of Next.js advanced features, such as server-side rendering (SSR) and static site generation (SSG).
- Development of a scalable and secure architecture for managing products, recipes, and blog posts, with APIs connected to MongoDB and secured via **Lucia**.
- Deployment and continuous integration with Vercel, enabling rapid updates, real-time change tracking, and optimized hosting for Next.js.
Technical EnvironmentTypescript | React/Next.js, MongoDB, Prisma, Lucia, Tailwind, Vercel - Le MondeFront-End Dev: JS, VOLT, SASS, A11Y RGAAJanuary 2024 - August 2024 (8 months)Paris, FranceContextDuring this experience, I primarily worked on two major projects: theEuro 2024pages and thelegislative pages**, as well as tasks to improve the **web accessibilityof the lemode.fr website.Actions
- **Euro 2024**: My work involved creating and implementing various pages dedicated to this event, such as the match schedule page and the results page. You can view an example here: https://www.lemonde.fr/sport/euro-2024/calendrier/
- **Euro 2024**: I implemented a special display on the "results" page for the final stages, in the form of a dynamic tree, to facilitate reading the results. You can view an example here: https://www.lemonde.fr/sport/euro-2024/resultats/
- **Euro 2024**: I implemented various widgets to display team standings in each group and the day's matches with real-time results. These widgets are integrated into article pages and live pages.
- **Legislative 2024**: I worked on various pages in the legislative section, such as the home legislative page, as well as the results pages for municipalities, departments, and regions. You can view an example here: https://www.lemonde.fr/resultats-elections/
- **Legislative 2024**: I added various widgets necessary for processing and displaying election results, such as:
- A widget to display first and second round results by party.
- A widget to represent the filled parliamentary assembly based on the second round results.
- A widget to display the range of seats allocated to each party after the second round.
Technical EnvironmentPHP/Phalcon, Volt as templating language, Vanilla JS (ES6), SASS for style management. - LE FIGAROFront-End Dev: JS, Stimulus, TWIG, SASS, A11YRGAAOctober 2021 - December 2023 (2 years and 3 months)Paris, FranceContextI worked on several projects:*Subscription Page:https://abonnement.legaro.fr/legaro*Promo Page:https://abonnement.legaro.fr/legaro-promo-swg-premium-mensuel*Login Pages:https://connect.legaro.fr/login*BO Space Redesign:Already live internally*Subscription Page Redesign (checkout):Accessible in Preprod*Personal Space Redesign:Accessible in PreprodActions
- Regular updates to the Le Figaro subscription page: integration of new mockups, implementation of updated pricing, and addition of content, ensuring an optimal user experience aligned with the evolution of the offer.
- Complete development of the checkout page (from scratch) and part of the personal space, migrated from an external provider (GLI) to a PHP/Symfony project. Frontend configuration (Webpack, Yarn) and use of Stimulus JS. Integration of Figma mockups (Twig/SASS) and dynamic implementation in JS, with smooth collaboration between PO, Front Dev, Back Dev & Designer.
- Close collaboration with the design team, from receiving Figma mockups to their integration (Twig/SASS). Participation in design refinement through direct feedback, ensuring a smooth transition to implementation.
- Implementation ofpromotion pagesto promote monthly price reductions for premium subscriptions.
- Redesign of theBO spacebased on a style guide.
- Redesign oflogin pages(login, register, forgot password).
- Improving theaccessibilityof newly developed pages: semantic code, alternative text, roles, keyboard navigation.
- Improving the performance of developed pages (image optimization (PNG, SVG), lazy loading, file minification…)
- Agile Methodology
Technical EnvironmentPHP Symfony / Twig / SASS / Vanilla JS (ES6) / Stimulus JS / React JS / yarn / Webpack / Docker / JIRA / Confluence / Figma
Recommendations
Be the first to recommend Anis
Help this freelancer shine by sharing your experience working together.
These freelancer profiles also match your criteria
Agatha Frydrych
Backend Java Software Engineer
4.7
(3)
2
Baptiste Duhen
Fullstack developer
4.6
(4)
5
Amed Hamou
Senior Lead Developer
4
(2)
7
Audrey Champion
Web developer
4.3
(3)
4
Education
- Master 2 Info/Com, Specialization Media EngineeringIngémédia (University of Toulon)2011Master 2 Info/Com, Spécialité Ingénierie des Médias
- Master of Mass CommunicationIngémédia (University of Toulon)2010Master 1 - Information et Communication -