This template helps you build a portfolio using Astro, Typescript, React, Tailwind CSS, and Shadcn UI.
Technologies Used
This project utilizes the following technologies:
- Astro: A modern framework for building fast and efficient websites.
- Tailwind CSS: A utility-first CSS framework for rapid and responsive design.
- Shadcn UI: A collection of accessible and easy-to-use UI components.
- React: For interactive components and advanced functionality.
- TypeScript: For static type checking and improved developer experience.
In Addition
- Accessibility: Ensure your portfolio is accessible to all users, including those with disabilities.
- SEO: Optimize your portfolio for search engines by adding meta tags and relevant content.
- Performance: Use modern web development practices to ensure optimal performance, such as lazy loading images and minimizing CSS/JS.
- Responsive Design: Make sure your portfolio looks good on devices of all sizes, from mobile to desktop screens.
- Centralised data management inside one folder
- Use Astro recommended Content Collection to manage data
- <code>src/content</code> folder for blog posts, project data and profile data
- <code>src/content/profileData.ts</code> for general profile data
- Tags system
- Simplified Dark/Light mode toggle