Alvin Chang's Portfolio

This is a personal portfolio website for Alvin Chang, showcasing projects, blogs, and experiences as a full-stack developer. The site is built using Next.js, Tailwind CSS, and other modern web technologies.

🔗 Live Demo

Table of Contents

• Features
• Technologies Used
• Getting Started
• Configuration
• Scripts
• Deployment
• License
• Contact

Features

• Responsive Design: Optimized for various screen sizes.
• Dynamic Content: Fetches and displays blog posts from WordPress.
• SEO Optimized: Metadata and Open Graph tags for better search engine visibility.
• Contact Form: Allows visitors to send messages directly using Nodemailer and Zoho Mail.
• Project Showcase: Highlights various development projects.
• RSS Feed: Provides an RSS feed for blog posts.

Technologies Used

• Next.js: React framework for server-side rendering and static site generation.
• Tailwind CSS: Utility-first CSS framework for styling.
• TypeScript: Typed superset of JavaScript for better code quality.
• Shiki: Syntax highlighter for code blocks.
• Nodemailer: For sending emails from the contact form.
• Zoho Mail: SMTP server for email handling.
• WordPress: Headless CMS for blog content management.

Getting Started

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

Prerequisites

• Node.js and npm installed on your machine.
• A WordPress site set up for blog content (headless CMS).
• Zoho Mail account for email functionality.

Installation

1. Clone the repository:

   git clone https://github.com/auroradream04/aurora-portfolio.git

2. Navigate to the project directory:

   cd aurora-portfolio

3. Install dependencies:

   npm install

4. Create a .env.local file in the root directory based on the .env.example file and add your environment variables.

Configuration

1. Update the siteConfig object in src/app/config.tsx with your personal information, projects, and experiences.
2. Set up a WordPress site to host your blog content and update the WORDPRESS_API_URL in your .env.local file.
3. Configure Zoho Mail credentials in your .env.local file for the contact form functionality.

Scripts

• npm run dev: Starts the development server.
• npm run build: Builds the application for production.
• npm start: Starts the production server.

Deployment

This project can be deployed on platforms like Vercel, Netlify, or any other hosting service that supports Next.js applications.

License

This project is open source and available under the MIT License.

Contact

For any inquiries, please contact Alvin Chang at [email protected].

---

If you like this project, please consider giving it a star on GitHub! ⭐