Work

Personal Portfolio Website with Astro

View Project

My new personal portfolio, containing information about my projects, progress and more, developed with the Astro Framework

Astro
TypeScript
Web Development
Front-End Development
Astro Framework Logo

Personal Portfolio Website with Astro

Vercel Production Deployment License

Description

This project is a personal portfolio website built using the Astro JS framework. The website showcases my skills, projects, and experiences in a visually appealing and user-friendly manner. With Astro JS, a modern front-end framework, I could create static websites with dynamic components, enabling a faster and more efficient development process.

Features

  • Responsive Design: The portfolio website is designed to be fully responsive, ensuring optimal viewing experience across various devices and screen sizes.

  • Dynamic Components: Astro JS allowed me to incorporate dynamic components into my static website, enhancing its interactivity and functionality.

  • Project Showcase: Display my projects with detailed descriptions, images, and links to their live demos or repositories.

  • Skills and Expertise: Highlighting my skills and expertise, presenting them in an organized and visually appealing manner.

  • About Me: Providing an introduction about myself, my background, and my career goals, giving visitors an insight into my personality and aspirations.

  • Contact Information: Includes my contact information, such as email address, social media profiles, and professional networks, allowing visitors to reach out to you easily.

Installation

  1. Clone the repository: git clone https://github.com/AayushGithub/astro-portfolio
  2. Navigate to the project directory: cd astro-portfolio
  3. Install dependencies: npm install

Usage

  1. Customize the content: Replace the default content with your own projects, skills, and information in the appropriate files.
  2. Customize the styling: Modify the CSS files to match your desired visual style.
  3. Build the website: Run the following command: npm run build
  4. Deploy the website: Upload the generated files in the dist directory to your web server or hosting platform.

Credits

This portfolio website is developed by Aayush Gandhi.

🧞 Commands

All commands are run from the root of the project, from a terminal:

CommandAction
npm installInstalls dependencies
npm run devStarts local dev server at localhost:3000
npm run buildBuild your production site to ./dist/
npm run previewPreview your build locally, before deploying
npm run astro ...Run CLI commands like astro add, astro check
npm run astro -- --helpGet help using the Astro CLI

Acknowledgments

Special thanks to the creators of Astro JS for providing an excellent framework for building static websites with dynamic components.

Performance

LightHouse Performance