Astro Loc Challenge

Astro is a modern static site builder that allows developers to create fast and performant websites using a component-based architecture. It supports a variety of frontend frameworks like React, Vue, and Svelte, while also providing a simple and intuitive way to build static pages.

The Challenge

The goal of the Astro Loc challenge is to build a fully functional website using Astro while keeping the total lines of code under 1000. This includes all the Astro components, pages, styles, and any additional JavaScript or TypeScript code.

Requirements

• The website should have at least 3 distinct pages (e.g., Home, About, Contact).
• It should incorporate at least 2 different Astro components.
• The design should be responsive and mobile-friendly.
• The total lines of code across all files should not exceed 1000.

Scoring Criteria

The submitted projects will be judged based on the following criteria:

1. Functionality: Does the website function as intended without any errors or bugs?
2. Design: Is the website visually appealing and user-friendly?
3. Code Quality: Is the code well-structured, readable, and maintainable?
4. Performance: Does the website load quickly and efficiently?
5. Creativity: How creative and original is the implementation?

Resources

To help you get started with Astro and complete the challenge, here are some useful resources:

• Astro Documentation
• Astro GitHub Repository
• Astro Examples
• Astro Discord Community

Happy coding and may the best Astro website win!