πŸš€ Time to Fly

Congratulations on installing Warriorfolio!
You've just unlocked the gateway to your digital portfolio journey. With the technical setup behind you, it's time to bring your project to life β€” transforming it from a simple installation into a powerful showcase of your skills and achievements.

In this "Time to Fly" section, you'll take the first steps toward launching your application, accessing the control panel, and personalizing every detail to reflect your unique brand. Let your creativity take the lead as you shape your professional identity and turn your portfolio into something truly remarkable.

πŸ’» Launching Your Application

In the development environment, since it's a Laravel application, follow the common processes for initializing an application. If you haven't seen the Getting Started section, you can also check the official Laravel documentation.

Access your application at http://localhost:8000

πŸ’‘ In production, you may need to install the Faker class via composer, as it is only available in development in your composer.json.
πŸ” Control Panel Access

To enter the control panel, navigate to http://localhost:8000/admin. Use these initial credentials:

Username:warriorfolio@test.dev
Password:password
⚠️ Security Tip: Immediately change these credentials, especially in production environments.
πŸ” Post-Build: Exploring Warriorfolio 2

Now that your application is running, let's dive into customization and advanced features.

🎨 Customizing Theme Colors

Warriorfolio 2 uses Tailwind CSS via Vite. Modify theme colors in tailwind.config.js:

theme: {
    extend: {
        colors: {
            primary: colors.purple,
            secondary: colors.zinc,
            tertiary: colors.rose,
        }
    },
},
ClassNameColor
PrimaryPurpleπŸ’œ
SecondaryZinc🀍
TertiaryRose🩷
πŸ’‘ Pro Tip: Explore Tailwind CSS Documentation for advanced customization.
πŸ“ Module Header

Unlike previous versions, Warriorfolio 2 allows direct text editing through the Control Panel. Navigate to App Sections to modify module heading text.

✨ Customizing Text Highlights

Personalize text highlights in resources/css/app.css:

 /** Highlighted text **/
    .text-highlight,
    .heading-module-title strong,
    .tl {
        @apply bg-gradient-to-r from-primary-600 to-tertiary-400 bg-clip-text pr-1 text-transparent;
    }
πŸ–ΌοΈ Image Slideshow Creation
  1. Navigate to Slideshow in the control panel
  2. Upload desired images
  3. Select display module

Note: Landing Page supports only the most recently created slideshow.

πŸ“© Newsletter Module

The Newsletter Module allows you to easily capture email addresses from users through customizable forms. You can activate this module in various sections of your site, including the Hero Section, Footer, and Blog. Additionally, it offers the functionality to export collected email addresses in Excel format, making it simple to manage and use the data for your email marketing campaigns.

  • Email capture functionality
  • Optional module activation in Hero Section, Footer, Blog ...
  • Excel export for email marketing campaigns
🧩 Module Organization

Drag and drop modules when creating a page.

Warriorfolio also offers the option to attach and detach modules globally. This makes it easier when you want the layout to repeat across all your pages, avoiding repetition during creation. By default, when you choose fixed attachment, Warriorfolio will follow the following order:

OrderModuleAttached by Default
1Headerβœ… Yes
2Hero Section❌ No
3Projects❌ No
4Courses❌ No
5Customers❌ No
6Subscribers / Newsletter❌ No
7Footerβœ… Yes

In Warriorfolio, all modules are activated and ready to use. This means that each module is available for you to add and customize as you build your site. However, not all modules are activated in a way that they will repeat across pages automatically when you create new ones.

This is where the attachment option comes into play. By default, modules like Header and Footer are attached across all pages, ensuring consistency and preventing the need for manual repetition each time you create a new page. However, modules like the Hero Section, Projects, and Customers are not attached by default, meaning you have the flexibility to decide where and how these modules will appear on your pages.

You can manage this easily via the Dashboard under App Settings, where you can enable or disable the global attachment of these modules. This approach helps you maintain a clean, flexible layout structure while avoiding unnecessary repetition when building your pages.

πŸš€ Next Steps
  • Explore each module thoroughly
  • Customize to match your personal brand
  • Experiment with different configurations

Enjoy building your professional portfolio with Warriorfolio! πŸŽ‰