README.md

🌐 edwinhern.com

Welcome to the documentation for edwinhern.com, a portfolio designed to showcase cutting-edge web development technologies and design principles.

⚡ Tech Stack & UI Libraries

Here's what powers edwinhern.com, from the framework down to the animation library:

• Next.js - The React framework for production 🚀
• Tailwind CSS - A utility-first CSS framework 🎨
• Framer Motion - A library to power animations 💫
• shadcn/ui - Reusable React components 🛠
• Aceternity UI - A modern UI kit for rapid development 🌈

🌟 Useful Links

Explore these tools to further enhance your development workflow:

• Realtime Colors - Elevate your design with modern fonts and a dynamic color palette generator.
  • Color Schema I used - https://www.realtimecolors.com/?colors=F1F1F1-0F0F0F-F1F1F1-272727-15F5BA&fonts=Roboto-Roboto
• Meta Tags - Debug and generate meta tag code for any website
• Favicon.io - Quickly generate variety of favicon sizes
• Open Graph Generator - Generate beautiful Open Graph images with zero effort.
• Open Graph Debugger - Preview how your Open Graph images will be rendered on social media platforms.

🛠️ Getting Started

Step 1: 🚀 Initial Setup

Begin by cloning the repository, navigating to the project directory, and installing dependencies. Execute the following command in your terminal:

git clone https://github.com/edwinhern/portfolio-v2.git && cd portfolio-v2 && npm ci

Step 2: 🏃‍♂️ Running the Project

Launch the development server to see your changes in real-time:

npm run dev

To prepare your project for production, build it with:

npm run build

Finally, run your project in production mode:

npm run start