José Rafael's portfolio

If you want to read this readme in Spanish

• Spanish README

📜 About

My personal portfolio, a website where my skills and achievements as a web developer are showcased. Here you will also find a variety of projects that I have created. My portfolio is optimized for all devices, ensuring a smooth user experience on both computers and mobiles. 💜

(Go Back To Top 🔝)

👀 Preview

In a PC (1920x1080)

In a iPhone SE (375x667)

(Go Back To Top 🔝)

💬 Features

• Favicon Support: Support for a wide range of favicon sizes has been added, ensuring that the site’s icon displays correctly on all devices and platforms.
• Open Graph and Twitter Tags: Open Graph and Twitter meta tags have been included, which optimize the preview of the website on social platforms like Facebook and Twitter.
• Cross-Browser Compatibility: The web page uses the X-UA-Compatible meta tag, which helps ensure compatibility with multiple browsers, especially older versions of Internet Explorer.
• Theme Switching: The web page allows users to switch between light and dark themes, enhancing the user experience.

(Go Back To Top 🔝)

🧰 Stack

• Astro - It’s a modern and fast static site generator. It allows you to write modern HTML and render it to static HTML at build time.
• TypeScript - It’s a superset of JavaScript that adds static typing and other features to the language. It helps you write safer and more understandable code.
• Tailwind CSS - It’s a utility-first CSS framework that allows you to build custom designs quickly.
• ESLint - It’s an open-source tool that helps you find and fix problems with your JavaScript code.

(Go Back To Top 🔝)

🚀 Getting Starter

1. Fork or clone this repository

git clone [email protected]:joserafael0160/Jose-Rafael-portfolio.git

2. Install the dependencies:

• I used bun to install and manage the dependencies.

# Install bun for MacOS, WSL & Linux:
curl -fsSL https://bun.sh/install | bash

# Install bun for Windows:
powershell -c "iwr bun.sh/install.ps1|iex"

# Install with bun:
bun install

• or you can use pnpm:

# Install pnpm globally if you don't have it:
npm install -g pnpm

# Install dependencies:
pnpm install

1. Run the development server:

# Run with bun:
bun run dev

# Run with pnpm:
pnpm run dev

(Go Back To Top 🔝)

🧞 Commands

(Go Back To Top 🔝)

🤝 Contributions

Contributions are always welcome! Whether you’re reporting bugs, requesting new features, or improving existing functionalities, your help is greatly appreciated.

If you have any suggestions that could improve the project, please make a fork of the repository and create a pull request. You can also simply open an issue with the “enhancement” label.

Here is a quick guide:

1. Make a fork of the Project
2. Clone your fork (git clone <URL of the fork>)
3. Add the original repository as remote (git remote add upstream <URL of the original repository>)
4. Create your Feature Branch (git switch -c feature/NewFeature)
5. Make your Changes (git commit -m 'Add: some NewFeature')
6. Push to the Branch (git push origin feature/NewFeature)
7. Open a pull request

(Go Back To Top 🔝)

🔑 License

MIT

(Go Back To Top 🔝)

🙏 Support

Don't forget to leave a star ⭐️

(Go Back To Top 🔝)

✌️

_{^{A project created by @joserafael0160}}