Portfolio-gen

This project was generated using Angular CLI version 20.2.1.

Development server

To start a local development server, run:

npm run start

Once the server is running, open your browser and navigate to http://localhost:4200/. The application will automatically reload whenever you modify any of the source files.

Building

To build the project run:

npm run build

This will compile your project and store the build artifacts in the dist/ directory. By default, the production build optimizes your application for performance and speed.

Contact Form (Formspree Integration)

This project uses Formspree for handling email submissions.
The endpoint is configured in the file:

src/app/constants/contact.constants.ts

Look for the variable:

export const FORMSPREE_URL = 'your-formspree-endpoint-here';

Constants and Page Data

Each page’s related static data is stored in the src/app/constants/ directory.
File naming follows a convention where the page name is the prefix. For example:

• About page → about.constants.ts
• Projects page → projects.constants.ts
• Contact page → contact.constants.ts
• Home page → home.constants.ts
• Header → header.constants.ts

This ensures all page-specific content and metadata is centralized in one place, making updates easy and consistent.

Blogs

Blog articles can be added easily by creating a new file in:

public/data/blogs/

Each blog post is written in Markdown (.md) format. Once a new file is added here, it will automatically be picked up by the blog index and displayed on the site.

For example:

public/data/blogs/my-new-article.md