Create about page component - Vanilla.js

[blackgirlbytes]

Create About page component - Vanilla

🚀 Goal

Create an About page component in Vanilla that provides information about the Decentralized Web App (DWA) starter, mirroring the content and structure of the existing React implementation.

🤔 Background

We need to implement the About page for our Vanilla.js DWA starter. This page should display information about the DWA Starter, explaining what a DWA is and why a Progressive Web App (PWA) is used.

This is part of our larger project to create a Vanilla.js DWA starter. See our main issue here for the full context and list of all related tasks.

Important: For reference, please see the DWA React Vite starter app. While the implementation details will differ for Vanilla, this example provides a good overview of the structure and functionalities of a DWA.

🔑 Tasks and Acceptance Criteria

• Create an AboutPage.vanilla component
• Implement the following content structure:
  • Main title (h1): "DWA Starter Vanilla"
  • Paragraph: "Decentralized Web App: it's a Web5 Progressive Web App."
  • Subtitle (h2): "Why PWA?"
  • Paragraph: "It's a perfect match with Web5 DWNs since a PWA can work offline and DWN has a synced local storage."
• Ensure proper spacing between elements (similar to the 'space-y-4' class in the React version)
• Style the component using Tailwind CSS to match the existing design
• Ensure the layout is responsive and looks good on various screen sizes

🌟 Resources

• Vanilla JS Documentation
• Plain CSS Documentation
• DWA React Vite Starter App (for reference)

Getting Started

1. Comment ".take" on this issue to get assigned
2. Fork the repository and create a new branch for this task
3. Follow the tasks outlined above
4. Submit a pull request with your changes
5. Respond to any feedback during the review process

Questions?

If you have any questions or need clarification, please comment on this issue or join our Discord community.

Happy coding! 🎉

[29deepanshutyagi]

.take

[github-actions]

Thanks for taking this issue! Let us know if you have any questions!