Un portfolio fait avec TailwindCSS et Astro.
https://adam.stalla.dev
- Astro 87.2%
- TypeScript 6.8%
- JavaScript 4.4%
- CSS 1.6%
|
|
||
|---|---|---|
| .mise | ||
| .vscode | ||
| public | ||
| src | ||
| .gitignore | ||
| astro.config.mjs | ||
| mise.toml | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
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
- Clone the repository
- Install dependencies:
npm install - Start the development server:
npm run dev - Build for production:
npm run build
Happy coding! 🚀