This project is my personal portfolio built from scratch using Angular.
Created by: Siddharth Patel
The following required functionality is completed:
- Create a home page with an introduction
- Highlight your skills
- Add a picture with a round frame
- Create a button to share your contact information
- Create a navigation bar with the dark mode toggle button.
The following additional functionality is completed:
- Put your skills in a container with a shadow effect
- Change Contact button's appearance upon hovering on it for better user experience.
- Add a dark theme to the UI.
Challenges encountered while building the app:
- Creating a round frame for the portfolio picture
- This was easily dealt with under an hour through some research.
- The infamous dark theme button. This was the hardest challenge because:
- I had to generate a new component
- I had to fetch button toggle from the UI to the component.
- My struggle was sharing the button toggle on/off value to the home component to render light/dark theme accordingly.
- I solved the problem by using a service with an event emitter to identify any changes in the state of the button. The home component would then subscribe to the event emitter and render themes accordingly.