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.
- 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.
- 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
-
Clone the repository:
git clone https://github.com/bhattaraisubash/ng-portfolio.git cd ng-portfolio
-
Install dependencies:
npm install
-
Serve the application locally:
ng serve
Visit http://localhost:4200 to view your portfolio.
-
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. - SEO Data: Edit
- 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.
This project is licensed under the MIT License. See the LICENSE file for details.
If you find ng-portfolio helpful, please consider starring the repository. Your support helps in creating more open-source projects!
Happy coding! 🚀