Personal Portfolio

Welcome to my personal portfolio! This project is built using Astro.js, a modern static site generator that brings together the best of the web frameworks to create fast and efficient websites.

Features

• Astro.js: Utilizes Astro's powerful static site generation capabilities for fast load times.
• Responsive Design: Ensures the portfolio looks great on all devices, from desktops to mobile phones.
• Modern UI: Clean and minimalistic design to showcase projects effectively.
• SEO Optimized: Built-in SEO features to help your portfolio rank better on search engines.
• Small Javascript: Static content to improve performance.

Technologies Used

• Astro.js: The main framework for static site generation.
• TypeScript: For type safety and better development experience.
• Tailwind CSS: For styling the application with utility-first CSS.

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

• Node.js (>= 14.x)
• npm (>= 6.x) or yarn (>= 1.x) or bun (>=0.2.2)

Installation

Clone the repository:

git clone https://github.com/plNav/portfolio.git

Navigate to the project directory:

cd portfolio

Install dependencies:

npm install

⚠️ Change npm with yarn or bun as you need.

To start the development server, run:

npm run dev

Open your browser and go to http://localhost:4321 to see the portfolio.

To build the project for production, run:

npm run build

The generated static files will be placed in the dist directory.

Folder Structure

Here's a brief overview of the project's folder structure:

/
├── public/             # Static assets 
│   ├── pictures/      
│   └── projects/        
├── src/
│   ├── components/     # Reusable fragments of code.
│   ├── constants/      # Organizes the used icons.
│   ├── icons/          # Svg components, can be place inside components.
│   ├── layouts/        # Contains the main layout for this single page.
│   └── pages/          # Contains the index.js
├── astro.config.mjs    # Astro configuration file
├── package.json        # Project metadata and scripts
├── tailwind.config.mjs # Tailwind configuration file
└── README.md           # This file

Contributing

Contributions are welcome! Please fork the repository and create a pull request with your changes. Make sure to update the documentation as needed.

Fork the Project

• Create your Feature Branch git checkout -b feature/AmazingFeature
• Commit your Changes git commit -m 'Add some AmazingFeature
• Push to the Branch git push origin feature/AmazingFeature
• Open a Pull Request

Contact

Pablo L Navarro - pav.dev3@gmail.com

Project Link: https://github.com/plNav/portfolio

Live Site: https://pablolnavarro.netlify.app/