ÉlanFinance Conseil — Full-Stack Financial Consulting Website

Live website: https://www.elanfinance-conseil.fr/

---

📌 Project Overview

ÉlanFinance Conseil is a modern, professional full-stack website developed for a real, registered financial consulting company. The platform showcases accounting, financial advisory, and strategic consulting services for entrepreneurs, freelancers, and small-to-medium businesses.

The website was designed to reflect the company’s core values: clarity, trust, transparency, and regulatory compliance, while providing an intuitive, user-friendly interface and robust backend functionality for operational needs.

This is a production website currently live and used by the business, with ongoing development and maintenance.

---

🏢 About the Company

ÉlanFinance Conseil operates in a highly regulated financial environment where accounting and financial management are strategic levers for business growth.

The company provides:

• Financial clarity and reporting
• Compliance with tax and regulatory requirements
• Support for securing financing and managing risks
• Strategic financial guidance for SMEs, freelancers, and social/professional organizations

ÉlanFinance Conseil is 100% digital, ethical, human-centered, and eco-responsible, officially registered with the Chamber of Commerce, and actively serving clients.

---

✨ Key Features

• Full-stack development for production-ready, scalable website
• Clear presentation of consulting services and company vision
• Fully responsive across devices (desktop, tablet, mobile)
• Interactive UI enhanced with smooth animations
• Contact forms and email handling for client inquiries
• Optimized performance, maintainability, and scalability
• Secure, structured frontend-backend architecture

---

🧩 Tech Stack

Frontend

• React 19 — Modern, component-based UI
• Vite — Fast development server and optimized bundling
• React Router DOM — Client-side routing
• Tailwind CSS v4 — Utility-first styling
• clsx — Conditional class management
• React Responsive — Device-based rendering logic

Backend & Integration

• EmailJS — Contact form email handling
• Backend endpoints for form submission and validations (Node.js serverless / API integration)

Animation & Visuals

• GSAP & @gsap/react — Smooth transitions and animations
• Three.js — WebGL-based 3D rendering
• @react-three/fiber & @react-three/drei — React integration for 3D scenes
• @react-three/postprocessing — Visual effects pipeline

State Management

• Zustand — Lightweight global state management

Tooling & Quality

• ESLint — Code quality and consistency
• Vite Plugin React — Fast Refresh and improved developer experience

---

👩‍💻 My Role & Responsibilities

• Developed the full-stack platform, handling both frontend and backend development
• Translated business and regulatory requirements into a clear, professional UI/UX
• Implemented responsive layouts and accessibility-conscious design
• Integrated animations, 3D elements, and interactive features to enhance user experience
• Built secure client contact flows using EmailJS and backend validation
• Optimized performance, scalability, and maintainability of the platform
• Delivered a production-ready website for a real, registered consulting firm
• Provided ongoing support, updates, and technical improvements after launch

---

📸 Screenshots

---

▶️ Getting Started (Development)

# Clone the repository
git clone https://github.com/your-username/elanfinance-conseil.git

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview