Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create sidebar component - Vue #75

Closed
10 tasks
Tracked by #63
blackgirlbytes opened this issue Aug 28, 2024 · 6 comments · Fixed by #196
Closed
10 tasks
Tracked by #63

Create sidebar component - Vue #75

blackgirlbytes opened this issue Aug 28, 2024 · 6 comments · Fixed by #196

Comments

@blackgirlbytes
Copy link
Contributor

blackgirlbytes commented Aug 28, 2024

Create sidebar component - Vue

🚀 Goal

Create a sidebar component in Vue that provides navigation and Web5 connection functionality for our Decentralized Web App (DWA) starter.

🤔 Background

Our DWA needs a sidebar for navigation and displaying the Web5 connection status. We need to implement this in Vue, matching the functionality of the existing React implementation in our DWA starter app.

This is part of our larger project to create a Vue.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 Vue, this example provides a good overview of the structure and functionalities of a DWA.

🔑 Tasks and Acceptance Criteria

  • Create a Sidebar.vue component
  • Implement a toggleable sidebar that can be opened and closed
  • Create navigation menu items for Home, Settings (when connected), and About
  • Integrate with the existing Vue Router setup for navigation between pages
  • Implement Web5 connection functionality:
    • Add a "Connect" button when the user is not connected
    • When connected, display "Hi, did:1234..." where 1234 are the first few characters of the user's DID
    • The Settings menu item should only be visible when the user is connected
  • Make the sidebar responsive for mobile devices
  • Style the component using Tailwind CSS to match the existing design

🌟 Resources

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! 🎉

@Johnnyevans32
Copy link
Contributor

Johnnyevans32 commented Oct 8, 2024

hi @blackgirlbytes this has been sorted in one of my previous pr, how can it be closed

@blackgirlbytes blackgirlbytes mentioned this issue Oct 9, 2024
20 tasks
@blackgirlbytes
Copy link
Contributor Author

Hmm I thought mentioning it in a previous PR would close it but I guess i just have to manually close this one. Thanks!

@Johnnyevans32
Copy link
Contributor

hi @blackgirlbytes, seems cos a point weight label wasn't added to this issue, I didn't receive points for it

@blackgirlbytes
Copy link
Contributor Author

blackgirlbytes commented Oct 9, 2024

@Johnnyevans32 the points are coming from the labels on every pull request..not every issue. There's a github action i made that looks for if the PR is merged and has a size label. To ensure you get the right points, maybe if possible..make sure sure you do separate PRs for each task.

I'll try to figure out how you can get points for the sidebar component. I might have to make a new size label or wait until the very end of the month to update your points manually because if i write it in manually..the action will just write over it when it runs again

@Johnnyevans32
Copy link
Contributor

@Johnnyevans32 the points are coming from the labels on every pull request..not every issue. There's a github action i made that looks for if the PR is merged and has a size label. To ensure you get the right points, maybe if possible..make sure sure you do separate PRs for each task.

I'll try to figure out how you can get points for the sidebar component. I might have to make a new size label or wait until the very end of the month to update your points manually because if i write it in manually..the action will just write over it when it runs again

yeah I totally understand, thank you ❤️

@Johnnyevans32
Copy link
Contributor

hi @blackgirlbytes, gentle reminder on this

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants