https://github.com/umigam3/personal-portfolio

Personal portfolio using Astro Framework. 🚀
https://github.com/umigam3/personal-portfolio

astro css html typescript

Last synced: 24 days ago
JSON representation

Personal portfolio using Astro Framework. 🚀

• Host: GitHub
• URL: https://github.com/umigam3/personal-portfolio
• Owner: umigam3
• Created: 2024-04-03T16:08:15.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-05-22T22:08:22.000Z (8 months ago)
• Last Synced: 2024-05-22T22:45:51.903Z (8 months ago)
• Topics: astro, css, html, typescript
• Language: Astro
• Homepage: https://gerarddoncel.netlify.app/
• Size: 2.74 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🌟 My Personal Portfolio

Welcome to the repository for my personal portfolio! This project is a showcase of my work, skills, and achievements as a developer. It's built using **Astro**, **Tailwind CSS**, and **JavaScript** to provide a sleek and responsive design.

![Portfolio Screenshot](/public/meta.png)

## 🚀 Project Overview

This portfolio serves as a digital resume and project gallery, helping others learn about my background, experience, and technical expertise.

### ✨ Key Features

- **Responsive Design**: Built with Tailwind CSS for a consistent look across all devices.

- **Static Site Generation**: Leveraging Astro for fast and optimized performance.

- **Modern JavaScript**: Interactive and dynamic elements implemented with JavaScript.

## 🛠️ Technologies Used

- **Astro**: Fast and flexible static site generator.

- **Tailwind CSS**: For seamless styling and responsive design.

- **JavaScript**: Adds interactivity and logic.

## 📂 Project Structure

├── public # Static assets like images and icons  

├── src  

│ ├── components # Reusable UI components  

│ ├── layouts # Layout templates  

│ ├── pages # Portfolio pages  

│ └── styles # Custom styles and Tailwind configurations  

├── astro.config.mjs # Astro configuration  

└── tailwind.config.js # Tailwind configuration

## 🖥️ Getting Started

To set up the project locally:

1. Clone this repository: `git clone https://github.com/yourusername/yourportfolio.git`

2. Navigate to the project folder: `cd yourportfolio`

3. Install dependencies: `npm install`

4. Start the development server: `npm run dev`

## 📝 License

This project is licensed under the MIT License.

---

> **Follow me on [LinkedIn](https://www.linkedin.com/in/gerarddoncel/)** to stay updated with my latest work!