Skip to content

A modern, responsive Angular portfolio showcasing skills, experience, and projects. Built with Angular, Angular Material, and optimized for SEO with dynamic content loading via JSON. Perfect for developers seeking a professional and customizable online presence.

License

Notifications You must be signed in to change notification settings

bhattaraisubash/ng-portfolio

Repository files navigation

NG Portfolio - Awesome Angular Portfolio Template

Welcome to ng-portfolio, a modern and scalable portfolio template built with Angular and Angular Material. This template is designed to showcase your skills, projects, and expertise in a clean and professional manner. Whether you're a full-stack developer, JavaScript enthusiast, or passionate coder, ng-portfolio provides a dynamic solution to highlight your work.

📸 Screenshot

NG Portfolio Screenshot

✨ Features

  • Built with Angular & Angular Material: Leverage Angular’s component-based architecture and Material Design’s pre-built UI components for a seamless experience.
  • SEO Friendly: Optimized for search engines to help your portfolio rank higher.
  • Fully Responsive: Looks great on desktops, tablets, and mobile devices.
  • Meta Tags Support: Integrated Open Graph and Twitter Cards for better social media visibility.
  • Easy Setup: Deploy locally or on any web server with simple steps.
  • Customizable Themes: Adjust the look and feel to match your style.
  • Interactive Elements: Includes animations, smooth scrolling, and an interactive project showcase.

⚙️ Technologies Used

  • Angular (v19)
  • Angular Material for pre-built UI components and Material Design styling
  • TypeScript for type safety and better developer experience
  • RxJS for reactive programming
  • SEO Meta Tags: Open Graph, Twitter Cards, and more

🔧 Installation

  1. Clone the repository:

    git clone https://github.com/bhattaraisubash/ng-portfolio.git
    cd ng-portfolio
  2. Install dependencies:

    npm install
  3. Serve the application locally:

    ng serve

    Visit http://localhost:4200 to view your portfolio.

  4. Customize Your Portfolio:

    • SEO Data: Edit src/assets/data/seo.json to personalize your title, description, and keywords.
    • Education: Update src/assets/data/education.json with your educational background.
    • Experience: Modify src/assets/data/experience.json to add your professional experience.
    • Projects: Showcase your projects in src/assets/data/projects.json.
    • Blog: Manage blog entries via src/assets/data/blog.json.
    • Setup: Adjust configurations in src/assets/data/setup.json.

    Store your images in the src/assets/images folder and update paths in the respective JSON files.

🤝 Contribution Guidelines

  • Bug Fixes and Features: Raise an issue or submit a pull request for any bugs or new features.
  • Documentation: Help improve the documentation to make it easier for others to contribute or set up their portfolio.

📄 License

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

🌟 Support the Project

If you find ng-portfolio helpful, please consider starring the repository. Your support helps in creating more open-source projects!


Happy coding! 🚀

About

A modern, responsive Angular portfolio showcasing skills, experience, and projects. Built with Angular, Angular Material, and optimized for SEO with dynamic content loading via JSON. Perfect for developers seeking a professional and customizable online presence.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published