🎃 Hacktoberfest Project Hub: Recreate DWeb starter app in Vue

[blackgirlbytes]

📦 Project Hub

🚀 Goal

A Decentralized Web App (DWA) is a Web5 Progressive Web App.

We're expanding our Decentralized Web App (DWA) starter collection to include Vue.js! A DWA is a Web5 Progressive Web App that leverages decentralized technologies to give users more control over their data and digital identities.

Currently, we have a DWA starter app built with React and Vite. This set of issues focuses specifically on creating a Vue.js version of our DWA starter app. Your contributions here will help developers kickstart their Web5 projects using Vue!

🔗 Looking to contribute using a different framework? Check out our other framework-specific hub:
Vanilla JS DWA Starter

🤝 Pick ONE of the following issues to contribute to this project

❗You must only assign yourself one task at a time to give everyone a chance to participate.❗

You may assign yourself your next task after your current task is reviewed & accepted.

🚫 You must not steal an issue assigned to another person. If you submit a PR for an issue not assigned to you, you will not receive points. 🚫

We've broken down the Vue.js implementation into smaller tasks. Feel free to take on any issue below that interests you. Every contribution counts!

Each subtask is detailed in its own issue. Please refer to the individual issues for specific requirements and acceptance criteria.

💻 Coding Tasks (Vue.js Specific)

1. • Create basic "Hello World" Vue app #64
2. • Create routes for pages in Vue app #67
3. • Add dark mode/light theme - Vue #76
4. • Configure Vue app to be a PWA #65
5. • Convert Vue PWA (Progressive Web App) to a DWA (Decentralized Web App) #66
6. • Create to do list page component - Vue #74
7. • Create sidebar component - Vue #75
8. • Create home page component - Vue #68
9. • Create about page component - Vue #69
10. • Create settings page component - Vue #70
11. • Add Wallet Connect functionality to DWA Starter App Vue #149

📚 Documentation

12. • Create README with instructions on running and installing project - Vue #78

👀 Accessibility

13. • Add ARIA labels to settings page - Vue #79
14. • Add ARIA labels to TO DO page - Vue #73
15. • Add ARIA labels to Home page - Vue #72
16. • Add ARIA labels to Sidebar component - Vue #71

🎊 Hacktoberfest

This project is part of Hacktoberfest! We welcome contributions from technologists of all skill levels. Here's how you can get started with the Vue DWA starter:

1. Read the contribution guidelines (create new)
2. Read the code of conduct
3. Choose a Vue-specific task from the list above
4. Comment ".take" on the corresponding issue to get assigned the task. Please assign yourself to one task at a time.
5. Fork the repository and create a new branch for your work
6. Make your changes and submit a pull request
7. Wait for review and address any feedback

Have questions? Join our Discord community!

🌟 Resources

• Vue.js Documentation
• Web5 Documentation
• Progressive Web Apps

Happy coding, and thank you for contributing to our Vue DWA starter! 🙌