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.
-
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.
- Clone the repository:
git clone https://github.com/AayushGithub/astro-portfolio - Navigate to the project directory:
cd astro-portfolio - Install dependencies:
npm install
- Customize the content: Replace the default content with your own projects, skills, and information in the appropriate files.
- Customize the styling: Modify the CSS files to match your desired visual style.
- Build the website: Run the following command:
npm run build - Deploy the website: Upload the generated files in the
distdirectory to your web server or hosting platform.
This portfolio website is developed by Aayush Gandhi.
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:3000 |
npm run build |
Build your production site to ./dist/ |
npm run preview |
Preview your build locally, before deploying |
npm run astro ... |
Run CLI commands like astro add, astro check |
npm run astro -- --help |
Get help using the Astro CLI |
Special thanks to the creators of Astro JS for providing an excellent framework for building static websites with dynamic components.
