Angular Master Portfolio 🔥

A clean, beautiful, responsive, and 100% customizable portfolio template developed with Angular and SCSS!

⭐ Star us on GitHub — it helps!

Sections 📚

✔️ Home
✔️ About me
✔️ Projects
✔️ Experience
✔️ Education\

To view a live example, click here

🚀 Getting Started

Prerequisites

This portfolio is built with Angular. To use it, ensure you have Angular installed on your system.

Install Angular

Follow the official Angular documentation to download and install Angular.

Clone and Use

1. Clone the repository:

   git clone https://github.com/dhruvilrathod/Angular-Master-Portfolio
   cd Angular-Master-Portfolio

2. Install dependencies:

   npm install

3. Start the development server:

   ng s -o

   This will open the application in your default web browser.

---

🛠 High-Level Customization

Data Customization

• All portfolio data is sourced from a file named app-data.enum.ts. Use your editor’s search shortcut to locate this file.
• Modify any section by updating the corresponding variable object in this file. To understand the details you can add to each section, refer to the predefined interfaces.

Icons

• Icons used in the project are from Simple Icons. Visit their website to find and download icons along with their themes.

Splash Logo

• The initial splash logo animation is not customizable but can be turned off from the app-data.enum.ts file.
• To create a custom splash logo:
  1. Use Figma or Adobe Illustrator to design an SVG.
  2. Animate it using SVG Artista.

---

📦 Build and Deployment

Building the Application

To create a production build of the project:

ng build

Deploying to Firebase Hosting

This project is hosted using Firebase Hosting. Follow these steps to deploy:

1. Create a Firebase Project

   • Visit Firebase Console and create a new project.
   • Add a web app to your Firebase project.

2. Modify Firebase Configurations

   • Use the existing Firebase configuration file in this project and update it with your project’s specific details.

3. Deploy the Project

   • Install the Firebase CLI:

     npm install -g firebase-tools

   • Log in to Firebase:

     firebase login

   • Initialize Firebase Hosting:

     firebase init

For more detailed instructions, refer to the Firebase Hosting documentation.

---

🛠 Technologies Used

• Angular: Learn more
• SCSS: Learn more
• Tailwind CSS: Learn more
• AOS (Animate on Scroll): Learn more

Illustrations

• Illustrations are sourced from UnDraw.

---

Happy Coding! 🎉

References 👏🏻

• Some Design Ideas are taken from Saad Pasta's Portfolio Project and Ashutosh Hathidara's Master Portfolio.