Personal Website

Welcome to the repository for my personal website! This site showcases some of the projects I've built throughout my career, a blog section with articles I've written, and details about my work experience. The site is built with modern web technologies including TypeScript, Next.js, React, TailwindCSS, and Vercel for CI/CD.

Table of Contents

• Tech Stack
• Features
• Getting Started
  • Prerequisites
  • Installation
  • Running the Development Server
• Deployment
• Project Structure
• Contributing
• License
• Contact

Tech Stack

• Framework: Next.js
• Language: TypeScript
• UI Library: React
• Styling: TailwindCSS
• Deployment: Vercel

Features

• Project Portfolio: A comprehensive list of all my projects with detailed descriptions and links.
• Blog: Articles and tutorials on various web development topics.
• Work Experience: A timeline of my professional journey and roles.

Getting Started

Prerequisites

Make sure you have the following software installed:

• Node.js (v20.x or later)
• npm

Installation

1. Clone the repository:

   git clone https://github.com/jayvicsanantonio/jayvicsanantonio.dev.git

2. Navigate to the project directory:

   cd jayvicsanantonio.dev

3. Install the dependencies:

   npm install

Running the Development Server

Start the development server:

npm run dev

Open http://localhost:3000 with your browser to see your website in action.

Deployment

The website is automatically deployed on Vercel. Every push to the main branch triggers a deployment. To manually deploy, follow these steps:

1. Install the Vercel CLI:

   npm install -g vercel

2. Run the deployment command:

   vercel

Project Structure

├── public          # Static files
├── src
│   ├── components  # React components
│   ├── pages       # Next.js pages
│   ├── styles      # TailwindCSS styles
│   ├── utils       # Utility functions
│   └── data        # Data files (projects, blog posts, etc.)
├── .eslintrc.json  # ESLint configuration
├── .prettierrc     # Prettier configuration
├── tailwind.config.js # TailwindCSS configuration
├── next.config.js  # Next.js configuration
└── tsconfig.json   # TypeScript configuration

Contributing

Contributions are welcome! If you have any ideas, suggestions, or bug reports, please open an issue or create a pull request.

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Make your changes.
4. Commit your changes (git commit -m 'Add some feature').
5. Push to the branch (git push origin feature-branch).
6. Open a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact

Feel free to reach out to me at [email protected] or connect with me on LinkedIn.

---

Thank you for visiting my personal website repository!