Un portfolio fait avec TailwindCSS et Astro. https://adam.stalla.dev
  • Astro 87.2%
  • TypeScript 6.8%
  • JavaScript 4.4%
  • CSS 1.6%
Find a file
Lameur 10e44f33c7
Update deps
Signed-off-by: Lameur <adam.auclair@outlook.fr>
2026-03-24 06:34:49 +01:00
.mise Fix PWAs, official release 2026-03-18 19:13:46 +01:00
.vscode Initial Commit 2025-12-24 19:19:49 -03:00
public Add PWA's 2026-03-18 17:04:07 +01:00
src Update deps and fix typo 2026-03-22 15:59:36 +01:00
.gitignore Initial Commit 2025-12-24 19:19:49 -03:00
astro.config.mjs Fix PWA's missing webmanifest file 2026-03-18 20:41:43 +01:00
mise.toml feat: add project card component and link button 2026-02-22 12:07:24 +01:00
package.json Update deps 2026-03-24 06:34:49 +01:00
README.md Update README.md 2025-12-25 01:27:34 -03:00
tsconfig.json Fix PWA's missing webmanifest file 2026-03-18 20:41:43 +01:00

Portfolio Developers Astro

This is a modern, responsive developer portfolio built with Astro and Tailwind CSS. It features a sleek glassmorphism design and smooth scroll animations.

🚀 Purpose

This project is my contribution to the developer community. Whether you are looking for a template to jumpstart your own portfolio or just need some inspiration for your next project, feel free to explore, fork, and adapt it to your needs!

Key Features

  • Modern UI: Clean design with glassmorphism effects.
  • Scroll Animations: Smooth entry animations powered by AOS (Animate On Scroll).
  • Responsive Design: Optimized for all screen sizes, from mobile to desktop.
  • Fast Performance: Built with Astro for near-instant load times.
  • Dynamic Content: Modular components for easy customization.

🛠️ Technologies

  • Astro: The web framework for content-driven websites.
  • Tailwind CSS: A utility-first CSS framework.
  • AOS: Animate on scroll library.
  • Lucide Icons: Beautiful & consistent icons.

📁 Project Structure

/
├── public/             # Static assets (images, favicon)
├── src/
│   ├── components/      # Reusable UI components (NavBar, About, Projects, etc.)
│   ├── layouts/         # Page templates
│   ├── pages/           # Project routes (index.astro)
│   └── styles/          # Global and animation CSS files
├── astro.config.mjs    # Astro configuration
├── package.json        # Dependencies and scripts
└── tsconfig.json       # TypeScript configuration

🛠️ Getting Started

  1. Clone the repository
  2. Install dependencies: npm install
  3. Start the development server: npm run dev
  4. Build for production: npm run build

Screenshot 2025-12-25 at 01-24-30 Portfolio Developers

Happy coding! 🚀