🎃 Hacktoberfest Project Hub: Recreate DWeb starter app in Vanilla JS

[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 Vanilla 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 Vanilla JS version of our DWA starter app. Your contributions here will help developers kickstart their Web5 projects using Vanilla JS!

🔗 Looking to contribute using a different framework? Check out our other framework-specific issues:

Vue 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 Vanilla JS implementation into smaller task. Feel free to take on any task that interests you. Every contribution counts!

💻 Coding Tasks (Vanilla JS Specific)

• Create basic "Hello World" Vanilla.js app #82
• Create routes for pages in Vanilla.js app #83
• Add dark mode/light theme - Vanilla.js #84
• Configure Vanilla.js app to be a PWA #85
• Convert Vanilla.js PWA (Progressive Web App) to a DWA (Decentralized Web App) #86
• Create to do list page component - Vanilla.js #87
• Create sidebar component - Vanilla.js #88
• Create home page component - Vanilla.js #89
• Create about page component - Vanilla.js #90
• Create settings page component - Vanilla.js #91

📚 Documentation

• Create README with instructions on running and installing project - Vanilla.js #92

👀 Accessibility

• Add ARIA labels to settings page - Vanilla.js #93
• Add ARIA labels to TO DO page - Vanilla.js #94
• Add ARIA labels to Home page - Vanilla.js #95
• Add ARIA labels to Sidebar component - Vanilla.js #96

🎊 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 Vanilla JS DWA starter:

1. Read the contribution guidelines (create new)
2. Read the code of conduct
3. Choose a VanillaJS-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

• Vanilla JS Documentation
• Web5 Documentation
• Progressive Web Apps

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