Skip to content

Releases: shaukinkhan477/BenPortfolio

Second Stable Version

18 Jan 13:28
@shaukinkhan477 shaukinkhan477
v2.0.0
ac6501f
Compare
Choose a tag to compare
Second Stable Version Latest
Latest

🎉 BenPortfolio v2.0.0 - Major Update Release

Welcome to the second release of BenPortfolio! 🚀✨ This version builds upon the foundation of v1.0.0 with new features, enhanced functionality, and exciting future enhancements. With BenPortfolio v2.0.0, we're not just showcasing projects but providing a fully immersive and interactive user experience.

🌟 Key Features in v2.0.0

Enhanced Hero Section

  • Improved content interactivity with a 3D tilt effect.
  • Added highlights with fun facts and statistics to the hero section.

Interactive Animations

  • Integrated advanced GSAP animations and transitions for a polished and dynamic feel.
  • Engaging background animations like Spline-based 3D assets, including:
  • Holographic Earth 🌍
  • Rocket 🚀
  • Chips ✨

Blog Section

  • Introduced a blog section for personal insights and professional updates.
  • Features include:
  • Categories and filtering.
  • Related blogs section.
  • Likes, dislikes, and commenting functionality.

My Services Section

  • Dedicated section to highlight the services I offer, such as:
  • Web Development.
  • UI/UX Design.
  • Technical Consulting.
  • Interactive cards with descriptions and links for more information.

Why Work With Me? Section

  • A persuasive section showcasing:
  • Key advantages of working with me.
  • Unique value propositions such as quality, expertise, and reliability.
  • Eye-catching stats and visuals to support the content.

Products Page Section

  • Lists all software, web, and app products with:
  • High-quality images.
  • Comprehensive descriptions.
  • Demo and purchase links.

Case Studies Section

  • Added an interactive Case Studies section to showcase detailed project stories.
  • Built-in filtering and rich visuals for better storytelling.

Installation & Setup:

Clone the repository:
bash
Copy code
git clone https://github.com/ben94/BenPortfolio.git
2. Install dependencies:

bash
Copy code
npm install
3. Set up environment variables for Mapbox and Google Tag Manager in the src/environments/environment.ts file:
typescript
Copy code

export const environment = {
production: false,
googleTagManagerId: 'YOUR_GTM_ID',
mapboxAccessToken: 'YOUR_MAPBOX_ACCESS_TOKEN'
};
Run the application locally:
bash
Copy code
ng serve

Access the app at http://localhost:4200.

🔮 Future Enhancements

  • Light/Dark Mode: Toggle between light and dark themes seamlessly.
  • Integrated Analytics Dashboard: Allow admins to track engagement and performance metrics.
  • Live Demo Integration: Add live preview options for product pages.

📢 Contribute

Found an issue or have a feature request? Let us know by opening an issue or submitting a pull request., feel free to open an issue here.

Thank you for checking out BenPortfolio! Stay tuned for more updates! 🎉

Assets 2
Loading

First Stable Version

26 Sep 22:54
@benmed00 benmed00
1.1
4d525bd
Compare
Choose a tag to compare
First Stable Version

🎉 BenPortfolio v1.0.0 - First Release

Welcome to the first release of BenPortfolio! 🎨🚀

This release marks the initial launch of my personal portfolio project, built using Angular and featuring integrations like Google Tag Manager and Mapbox. This version offers a sleek, responsive design, interactive components, and a dynamic map feature.

Key Features:

Responsive Design: Fully optimized for both desktop and mobile platforms.
Google Tag Manager Integration: Allows easy tracking of page performance and user interactions.
Mapbox Integration: Showcases an interactive map highlighting the location with zoom and navigation controls.
Contact Section: Provides users with contact information, including email and phone number.

Installation & Setup:

  1. Clone the repository:
    bash

Copy code
git clone https://github.com/ben94/BenPortfolio.git
2. Install dependencies:

bash
Copy code
npm install
3. Set up environment variables for Mapbox and Google Tag Manager in the src/environments/environment.ts file:
typescript
Copy code

export const environment = {
  production: false,
  googleTagManagerId: 'YOUR_GTM_ID',
  mapboxAccessToken: 'YOUR_MAPBOX_ACCESS_TOKEN'
};

  1. Run the application locally:
    bash
    Copy code
    ng serve

  2. Access the app at http://localhost:4200.

Upcoming Features:

  • Enhanced animations and page transitions.
  • Blog section with personal insights and projects.
  • Portfolio showcase filtering and advanced search options.

Issues:

If you encounter any issues or have suggestions for improvement, please feel free to open an issue here.

Thank you for checking out BenPortfolio! Stay tuned for more updates! 🎉

Assets 3
Loading