Elden Ring Interactive Guide

Overview

The Elden Ring Interactive Guide is a comprehensive, interactive web application designed to help players navigate the complex world of Elden Ring. This guide focuses on a Greatsword Vagabond build using the Flamberge with Flaming Strike, but the progression tracking is useful for any build.

Live Demo

Check out the live version of the Elden Ring Interactive Guide: https://elden-ring-msq.netlify.app/

Features

Main Quest Progression Tracking

• Region-Based Organization: Progress through Limgrave, Liurnia, Altus Plateau, Leyndell, Mountaintops of the Giants, Farum Azula, and Ashen Capital.
• Checkable Quest Steps: Mark your progress as you complete each step.
• Detailed Sub-steps: Expand important quests to see detailed steps for complex objectives.
• Visual Progress Indicators: Easily see which regions you've completed.

Boss Information System

• Comprehensive Boss Data: Access detailed information for all major bosses.
• Dual Difficulty Modes: Toggle between "Balanced" and "Easy Mode" recommendations.
• Stat Recommendations: Get specific stat distributions optimized for a Flamberge build.
• Level Indicators: Quick-glance recommended levels and weapon upgrade levels next to each boss.
• Combat Tips: Specific strategies for defeating each boss with a Flamberge and Flaming Strike.
• Leveling Suggestions: If you're underleveled, get tailored suggestions for where to gain levels and find upgrade materials.

Alternative Ending Tracking

• Multiple Ending Paths: Track progress toward all six possible endings.
• Questline Management: Activate and track optional questlines for alternative endings.
• Progress Visualization: See your completion percentage for each ending path.
• Decision Points: Get notifications at critical decision points that affect endings.
• Warning System: Receive warnings about choices that might lock you out of certain endings.

User Experience Features

• Next Step Guidance: Always know what to do next with clear recommendations.
• Interactive UI: Clean, responsive design with expandable sections.
• Visual Feedback: Color-coded sections and progress indicators.
• Bidirectional Completion: Completing all detailed steps marks the main quest complete, and vice versa.

Installation

You can use the live demo to access the application immediately without installation, or follow these steps to run it locally:

1. Clone the repository:

git clone https://github.com/vanzan01/elden-ring-interactive-guide.git
cd elden-ring-interactive-guide

2. Install dependencies:

npm install
# or
yarn install

3. Start the development server:

npm run dev
# or
yarn dev

4. Open your browser and navigate to http://localhost:3000

Usage

Main Quest Progression

1. Start in Limgrave and check off quests as you complete them.
2. New regions unlock as you complete prerequisites.
3. Click "Show Steps" on complex quests to see detailed instructions.
4. Use the "Boss Info" button to prepare for major encounters.

Boss Preparation

1. Click "Boss Info" next to any boss in the main quest.
2. Toggle between "Balanced Mode" and "Easy Mode" based on your preferred challenge level.
3. Review recommended stats, weapons, and Ashes of War.
4. If you're underleveled, check the "Need to Level Up or Upgrade?" section for specific activities.

Alternative Endings

1. Activate optional questlines at decision points or from the main interface.
2. Track your progress toward each ending in the Ending Progress section.
3. Pay attention to warnings about choices that might lock you out of certain endings.

Build Information

This guide is optimized for a Greatsword Vagabond build using:

• Primary Weapon: Flamberge (bleed greatsword)
• Ash of War: Flaming Strike
• Focus Stats: Vigor, Endurance, Strength, Dexterity, and Faith

Technologies Used

• React
• Next.js
• TypeScript
• Tailwind CSS

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• FromSoftware for creating Elden Ring
• The Elden Ring community for sharing strategies and information

---

Note: This is a fan-made guide and is not affiliated with FromSoftware or Bandai Namco Entertainment.