Project Overview

Este README também está disponível em Português.

This project is a responsive profile page built with LESS. It demonstrates the use of variables, maps, mixins, media queries, and escaping. LESS maps are used to centralize and manage the color palette, making it easier to apply and change themes across the stylesheet. Feather Icons were integrated for UI elements, and the less-watch-compiler plugin was used to automate the compilation process.

🔗 Live Demo: View on Vercel

Technologies Used

• HTML5
• CSS3 / LESS
• Feather Icons
• LESS Watch Compiler
• copyfiles (copy HTML and images)
• chokidar-cli (watch for file changes)
• concurrently (run multiple scripts simultaneously)

How to Run

1. Clone the repository.
2. Install dependencies with npm install.
3. Run the development script with npm run dev to watch and compile LESS, copy HTML, and images.
4. Or run npm run build to build once for deployment.
5. Open build/index.html (or index.html in dev) in your browser to view the profile page.