hackforla / civictechjobs Goto Github PK
View Code? Open in Web Editor NEWHome Page: https://civictechjobs.org
License: GNU General Public License v2.0
Home Page: https://civictechjobs.org
License: GNU General Public License v2.0
As a developer on this project, before we work, we need to know what the MVP requirements are, in terms of development. In this issue, we are translating MVP requirements into developer lingo and turning them into issues, if possible.
REPLACE THIS TEXT -If there is a website which has documentation that helps with this issue provide the link(s) here.
We need a hero image/illustration for CivicTechJobs landing page that attracts users and communicates inclusivity and collaboration.
Action Items:
Overview
We need to design the webpages for civictechjobs.org so that a user (potential volunteer) can easily search for a volunteer opportunity that fits their skills or aspirations.
Resources/Instructions
https://www.figma.com/file/G5bOqhud6azbxyR9El9Ygp/Civic-Tech-Jobs?node-id=1%3A7
We need to conduct a preference test for the landing page to choose one of the three final designs. Once we have the final visual design chosen, we can proceed to usability testing different copy length versions.
3 design options to test "Final Design Options V4"
https://www.figma.com/file/G5bOqhud6azbxyR9El9Ygp/Civic-Tech-Jobs?node-id=1%3A7
As a developer, we need to be prepared for when projects come in. For this issue, we will initialize the project to create the scaffolding needed to begin front and back end work.
Quickstart: Compose and Django
Add JSX to a Project
schema
related comment #1
related comment #2
As a designer we need to ensure the website is responsive and designed for the most used devices ex. desktop, mobile, etc.
We need a mobile design version of the landing page.
Link to design page in file:
https://www.figma.com/file/G5bOqhud6azbxyR9El9Ygp/Civic-Tech-Jobs?node-id=1%3A7
Responsive design breakpoints:
https://getbootstrap.com/docs/5.0/layout/breakpoints/
https://kinsta.com/blog/responsive-web-design/
Team will work towards creating civictechjobs.org as the main product
Developer Dependency:
We want people who come to our repo to be able to find what they need quickly by reading our README.md file
For Product:
For Developer:
https://github.com/hackforla/guides/blob/main/README.md
https://github.com/hackforla/CivicTechJobs/blob/main/README.md
VRMS JobBoard Research
As a developer, we need to ensure that this project is properly setup such that developers can come in and pick up the work and our data is protected. For this issue we will be researching the best ways to set up our environment.
Questions to consider before AWS deployment:
We need accurate information about all team's meetings so that we can design a system that will allow potential volunteers to filter the roles by teams that meet when its convenient for them.
- [ ] day
- [ ] start_time
- [ ] AM
- [ ] PM
- [ ] duration_in_min
- [ ] name_of_meeting
- [ ] who_must_attend
- [ ] pm
- [ ] all_leads
- [ ] design_lead
- [ ] research_lead
- [ ] frontend lead
- [ ] data_science_lead
- [ ] design
- [ ] research
- [ ] frontend
- [ ] backend
- [ ] data_science
- [ ] other: please explain
- [ ] who_should_attend
- [ ] pm
- [ ] all_leads
- [ ] design_lead
- [ ] research_lead
- [ ] frontend lead
- [ ] data_science_lead
- [ ] design
- [ ] research
- [ ] frontend
- [ ] backend
- [ ] data_science
- [ ] other: please explain
- [ ] who_can_attend
- [ ] pm
- [ ] all_leads
- [ ] design_lead
- [ ] research_lead
- [ ] frontend lead
- [ ] data_science_lead
- [ ] design
- [ ] research
- [ ] frontend
- [ ] backend
- [ ] data_science
- [ ] other: please explain
We need to determine which team members are required to attend which HfLA project team meetings, so that we can create a more accurate project team meetings filter for the upcoming Volunteer Opportunities page.
Team meeting spreadsheet
Events page schedule
Upcoming Volunteer Opportunities page
We would like to use Django as back-end and React as front-end for our site architecture. This issue was created to store any key points discussed on this topic.
Any helpful articles or links regarding this can be put here.
We need to perform a weekly check on issues to make sure they all conform to our label and milestone schema.
Date:
- [ ] Did you have to update the 0/0 links above? if yes, please say what you did (e.g, Added features to the features check above or added an issue to the project board that has not been added yet).
- [ ] Report what the numbers are on issues that are missing labels (e.g., size, ending at 12/5)
- [ ] role, ending at
- [ ] size, ending at
- [ ] features, ending at
- [ ] milestone, ending at
- [ ] items in icebox with no dependency
- [ ] issues not on the project board 0/0
We need to collect or create CoP descriptions to include under the landing page so that users who come to civictechjobs.org can get additional information about what we offer
Overview
We need to design the webpages for civictechjobs.org so that a user (potential volunteer) can easily search for a volunteer opportunity that fits their skills or aspirations.
Resources/Instructions
https://www.figma.com/file/G5bOqhud6azbxyR9El9Ygp/Civic-Tech-Jobs?node-id=1%3A7
Overview
We need to design the webpages for civictechjobs.org so that a user (potential volunteer) can easily search for a volunteer opportunity that fits their skills or aspirations.
Resources/Instructions
https://www.figma.com/file/G5bOqhud6azbxyR9El9Ygp/Civic-Tech-Jobs?node-id=1%3A7
This issue tracks the agenda for our weekly meetings
## [Date ] Meeting Agenda
### Prework to prep for meeting
- [ ] #
### Recurring items: Happens on the ________ meeting
- [ ] review any issues that are in the [new issue approval column]
- [ ] Accountability and Support Check.
- [ ] Review assignments for each Team member
- [ ] [Lu](https://github.com/hackforla/CivicTechJobs/issues/assigned/fenglugithub) - UX/UI Designer Lead
- [ ] [Carmen](https://github.com/hackforla/CivicTechJobs/issues/assigned/CarmenMM1) - UX/UI Designer
- [ ] [Peter](https://github.com/hackforla/CivicTechJobs/issues/assigned/TimiPeters) - UX/UI Designer
- [ ] [Karen](https://github.com/hackforla/CivicTechJobs/issues/assigned/kcoronel) - Senior Advisor
- [ ] [Kanika](https://github.com/hackforla/CivicTechJobs/issues/assigned/kchotani) - Product Manager
- [ ] [Nooria Ali](https://github.com/hackforla/CivicTechJobs/issues/assigned/nooriaali9) - Project Manager
- [ ] [Manju](https://github.com/hackforla/CivicTechJobs/issues/assigned/itsmanjuchawla) - UX/UI Research
- [ ] [Leah](https://github.com/hackforla/CivicTechJobs/issues/assigned/Leah0996) - UX/UI Researcher
- [ ] [Xiaotian Vivian Li](https://github.com/hackforla/CivicTechJobs/issues/assigned/xxl228) - UX/UI Research Lead
- [ ] [Bitian](https://github.com/hackforla/CivicTechJobs/issues/assigned/bzzz-coding) - Dev. Co-lead
- [ ] [Jimmy](https://github.com/hackforla/CivicTechJobs/issues/assigned/JimmyJuarez10) - Dev. Co-lead
- [ ] [Benny](https://github.com/hackforla/CivicTechJobs/issues/assigned/bennyv8) - Developer
- [ ] finish adding labels to the issue that are still missing them (see audit links above)
- [ ] review issues with [epic label] and define how to break down further
- [ ] Review to see if there are any members to Onboard or Offboard
- [ ] #
### New Items
- [ ]
- [ ] Carry over Items to next meeting that don't get addressed
### FYIs
-
### Notes from Meeting
### Task Items
(so that you can easily post on their agendas items that come up at yours)
06/22/21
09/07/21
09/14/21
09/19/21
09/28/21
10/12/21
10/19/21
11/02/21
11/09/21
11/16/21
11/30/21
12/07/21
12/14/21
01/04/22
01/11/22
01/18/22
01/25/22
02/01/22
02/08/22
02/15/22
02/22/22
03/01/22
03/08/22
03/15/22
03/29/22
04/05/22
04/12/22
04/19/22
04/26/22
05/17/22
05/31/22
06/14/22
07/12/22
Notes from 07/12/22 meeting
07/19/22
07/26/22
08/09/22
08/16/22
08/30/22
09/13/22
10/04/22
11/8/22
01/17/23
02/07/23
02/14/23
02/21/23
02/28/23
3/7/23
3/21/23
3/28/23
4/11/23
4/18/23
4/25/23
5/2/23
5/9/23
5/16/23
5/23/23
5/30/23
[6/6/23)[Leads Meeting]
[6/13/23](Meeting Cancelled)
6/20/23 - didn't take place
7/11/23
7/18/23
7/25/23
8/08/23
8/22/23
8/28/23
[9/12/23][https://github.com//issues/16#issuecomment-1716718490]
9/18/23
10/02/23
2023/10/10
As a developer, we need to create an environment that will ease development as well as provide users a seamless experience when using our website. For this issue we will configure webpack with several improvements that will improve the overall quality of our project.
Webpack Concepts
Webpack Configuration
Webpack Guides
Webpack Loaders
We need to create a wireframe design for the landing page of civictechjobs.org so that we can establish the look and feel of the website when arrived on
Existing Figma (https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=5326%3A26395)
Get Social Media accounts for CivicTechJobs
As a developer, we need to have a roadmap for how to implement a new page. For this issue we will examine the design of the landing page, and figure out how to create this page in an organized way so that we make sure the code is as reusable as possible.
Update the wiki for the Civictechjobs project so that management, stakeholders, and team members can get a snapshot of the project.
As a developer, we need to agree on an organized architecture so that files are easy to find and edit. For this issue, we will draft a proposal for the Frontend, which houses our components, pages, and associated code, before creating documentation on our wiki for it.
If there is info that is not correct on this page, it will waste new volunteer time. Its not hard to fill out the basic wiki, just get it done.
we need to gather additional information to complete the issue to add civic tech jobs to the hackforLA website so that there is more visibility for the project and users can get additional information about the project,
The CivicTechJobs.org MVP website will be a platform to help prospective volunteers find inter disciplinary projects that will be useful for their career development while contributing to positive civic impact and a CMS for Hack for LA projects to be able to list their open roles.
The tool will match volunteers by availability, role, and program area. Future iterations of the platform will focus helping volunteers find volunteer opportunities that match paid job postings, so that a volunteer can better prepare themselves for the marketplace.
Akib, and Sarah to create system design documentation for the civictechjobs.org website
Overview
We need to design the webpages for civictechjobs.org so that a user (potential volunteer) can easily search for a volunteer opportunity that fits their skills or aspirations.
Resources/Instructions
https://www.figma.com/file/G5bOqhud6azbxyR9El9Ygp/Civic-Tech-Jobs?node-id=1%3A7
Create onesheet document for civictechjobs so that it can be shared with management team, stakeholder, and funders.
Checklist
Check issue #3 for sample one sheets
One Sheet Template
We need to define and list out tasks and dependencies to complete the MVP so that we can identify issues to make and that the team can understand the definition of done for the landing page MVP and follow up on the progress.
MVP: Fully developed front landing page with a clickable link to join Hack for LA in order to be eligible to see the list of open volunteer opportunities. The link leads to the meetup link for joining onboarding meeting.
Resources:
Civic Tech Jobs Roadmap
https://meetup.com/hackforla/events
We need figma for this project so that we keep all our designs in one place and work collaboratively
Based on the C&C analysis, we need to understand and decide which features are must haves, should haves and could haves so that the modules can be developed and designed accordingly
Resources
#12 - C&C Analysis
Gather requirements for the Content Management System (CMS) so that the team can understand the scope of work needed to create the system.
As a developer, we need to give guidance to future developers on how to set up their environment and contribute to our project. For this issue, we will write a contributing.md file for developers.
Sample contributing.md from another project
Civic Tech Jobs Contributing file https://github.com/hackforla/CivicTechJobs/blob/main/CONTRIBUTING.md
We need a C & C analysis on CMSs from orgs that recruit volunteers so that we know what features we might need outside of what we have already identified as our current project managers' needs. This issue looks at the process for how volunteer opportunities are posted.
Volunteer Match
Idealist
benefit.design
Catchfire
Allforgood.org
Golden Volunteer Organization
Deed
GivingWay
Able to create account to test out uploading of volunteer opps?
Where
This issue tracks the agenda for the CivicTechJobs team and weekly roll call.
### Agenda for monthAsText dd, yyyy
- [ ] writeYourNotesHere
### Post-meeting notes, monthAsText dd, yyyy
<details>
<summary>Title</summary>
<br>
insertNotesHere
<br>
</details>
We need a logo for the project so that we can appear on the hackforla.org homepage and recruit. The logo should encourage people to use our application to find civic jobs
Provide collateral for the HackforLA website
See project cards on the hackforla.org website for examples
Upload the discussion about the requirements and the MVP so that the team can watch the video and learn about the feature and design requirements for the product (civictechjobs.org)
Bonnie to upload the recording of the discussion with Sharad and Danish. Meeting date Sunday, August 29
Zoom meeting recording
As a designer, we need a design system to lay out standards and share with the dev team so they can build the website. We need to start creating components with states.
Reference HfLA's design system framework (once they complete it)
We need accurate information about each team's meetings so that we can design a system that will allow potential volunteers to filter the roles by teams that meet when its convenient for them.
100 Automations 100Automations/Website#460
311 Data hackforla/311-data#1129
Access the Data hackforla/access-the-data#71
BallotNav hackforla/ballotnav#436
Civic Tech Index civictechindex/CTI-website-frontend#879
Engage hackla-engage/start-here#25
Expunge Assist hackforla/expunge-assist#340
Food Oasis hackforla/food-oasis#1034
GreenEarthOS hackforla/GreenEarthOS#77
HomeUniteUs hackforla/HomeUniteUs#342
Lucky Parking hackforla/lucky-parking#303
Open Community Survey hackforla/open-community-survey#45
TDM Calculator hackforla/tdm-calculator#960
Design Systems hackforla/design-systems#105
We need more volunteers to work on the project so that we can accomplish our action items.
We need a SHORT blurb/copy to go with the hero image on the CivicTechJobs' landing page.
It must communicate:
-our value proposition
-the value of them, the volunteers... that our work is thanks to the power of volunteers
Action Items:
Resources:
https://www.hackforla.org/
As a potential volunteer I should be able to search for open volunteer positions at hackforla so that I can find the right match for my interest and aspirations.
Refer to the Requirements Document: https://docs.google.com/spreadsheets/d/1VcDLJnDA5CE7euzaZxOcqS3LLgyUFVLeqvdZx2sFGQk/edit#gid=804221697
We need to define our north star metrics as well as KPI's for MVP so that we understand how these factors will affect our next steps of the product.
Dependency
Action items (we need answers to the following questions)
We need to use the wiki template that other projects are using so that when people move between projects they can find stuff and also because it's easier to know what you need.
We need a Hero image for CivicTechJobs which will be displayed as the backdrop on the project card on the HackforLA website. this should be independant of the logo but also embody the project
Action Items
Resources
https://www.hackforla.org/projects/ballot-nav (see backdrop of ballotnav)
Size requirement
1500 x 700
We need to design a search page with filters so that a user (potential volunteer) can easily find a volunteer opportunity that fits their skills or aspirations.
We need a google form to get input from the team regarding the top Logo designs thus far to move forward with so that we can finalize our logo design and color scheme
Logo Issue (#8)
We need to conduct a usability test for the LIVE MVP to receive feedback from the users, note insights and usability issues, and prioritize and make necessary improvements.
Note for VRMS team: Release a dependency means that once all the issues you see above are closed, this issue can move from the "Ice Box" to "Prioritized Backlog". If not all of them are closed yet, check off the issues that are closed.
As a developer, we need to always update our technologies for better integration. For this issue, we will discuss how we will integrate the VRMS models into our project.
None so far.
We need to determine what data we will require and who will consume it so that we can get signoff from stakeholders and setup the wireframing team for success.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.