cherryontech / website

Official website of the cherryOnTech squad!

Keep calm and cherry on...tech!🍒

Hi there! We are a tech squad. We dream, scheme, and support each other in our tech careers. We create projects together in order to learn out loud and show off our skills.

Who we are...

• 🍒 Adryenne - Backend dev
• 🥧 Allie - Product manager
• 🍨 Julieth - Designer
• 🍰 Nia - QA and A11y tester
• 🍭 Novella - Frontend dev
• 🍬 Yoonie - Social media

Find us around the web...

• 🌐cherryOn.tech
• 🦜Twitter

website's Issues

Digital Brief

Attach mailing list sign up to homepage button

Context
This issue is related to #12. There is currently a button "Stay Updated" on the homepage. As of right now, it doesn't have any action attached.

Next Steps
Talk to Julieth about how the mailing list form should be implemented (modal dialog? link to outside form?).

Gotchas
Possible solutions may be limited by what mailing list provider we choose.

Add Issue template

We need to add some issue templates in order to make it easier for contributors to give thorough information.

Create personas

Mailchimp set up!

MailChimp Signup Forms

https://us17.admin.mailchimp.com/lists/dashboard/signup-forms?id=192032

Audience>Signup Forms

SEO improvements

Briefly tell us what the proposed feature would do.
This feature will improve our SEO.

Is your feature request related to a problem? If so, please describe the problem.
We don't have good SEO yet, I think. We need to learn more about it!

Describe the solution you'd like
Not sure yet. So far I'm reading this piece as a resource.

Does this feature replace an older feature? If so, which one?
No

Does this feature have an attached Figma(s) file? If so, link here.
No

Additional context
Add any other context or screenshots about the feature request here.

Add a code of conduct to the site

Briefly tell us what the proposed feature would do.
This feature will...

• Help users know what kinds of behavior are not acceptable
• Provide users a way to report CoC violations
• Outline our response to unacceptable behavior

Is your feature request related to a problem? If so, please describe the problem.
No

Describe the solution you'd like
A Code of Conduct should be created and added in a CODEOFCONDUCT.md file at the root of the repo.

Does this feature replace an older feature? If so, which one?
No

Does this feature have an attached Figma(s) file? If so, link here.
No

Additional context
You don't need to write the Code of Conduct from scratch. Instead, I think it would entail mostly the following

• Do research about other online communities' Codes of Conduct
• Talk to some people who have helped write a Cod of Conduct
• Take the parts of different Codes of Conduct you believe will apply to us (especially to users as they contribute to our website) and combine them into a document, making sure to cite sources.
• Plan with the other Cherries how violations will be reported and handled
• Have other Cherries review the document
• Make a file called CODEOFCONDUCT.md in the root of this repository, and write the Code of Conduct in markdown format
• Submit a PR

Write our bios

Bios for everyone!

We are filling in this spreadsheet with the bio info (all fields optional!): https://docs.google.com/spreadsheets/d/1A2sTSNm8wZ3swSsl8OQEZyilnwgEHY6wRDxmOUskiqA/edit?usp=sharing

One person will put the content in Forestry from the spreadsheet since we only have one Forestry account.

Slack convo for reference > https://cherryontech.slack.com/archives/C0184T52GE6/p1597598595009800

testing :D

hmmmmmm

add Forestry-- Headless CMS

Also add additional content

Design presentation about COT

Blog post

Mailchimp subscription confirmation page links to blank page

Yikes! Briefly, what seems wrong?
After signing up for the email list from the homepage, I am taken to a mailchimp page that confirms my subscription. The confirmation page displays a button to "continue to our website >>" that leads here about:blank#blocked when clicked.

Expected Behavior
The "continue to our website >>" button should return users to the CoT homepage.

Current Behavior
The "continue to our website >>" button links to about:blank#blocked.

Steps to Reproduce

1. Select the "Stay Updated" button on the homepage https://cherryon.tech/.
2. Sign up with a unique email address and click "Subscribe"
3. (You may be directed to complete a captcha at this point)
4. You should see the Subscription Confirmation mailchimp page displaying the "continue to our website >>" button. Click the button and you will be directed to the blank page.

1-1 research interviews

Create brand bible

Including:

• brand colors for website for tailwind
• font
• logos
• social media needs ?

Add Contributing.md for new contributors

Briefly tell us what the proposed feature would do.
This feature will help new contributors find their way our the CoT website

Is your feature request related to a problem? If so, please describe the problem.
No

Describe the solution you'd like
A well-formed contributing.md file to which we can link users.

Does this feature replace an older feature? If so, which one?
No

Does this feature have an attached Figma(s) file? If so, link here.
No

Additional context
Add any other context or screenshots about the feature request here.

Add Dictionary section

Briefly tell us what the proposed feature would do.
This feature will add a "dictionary" section to the website.

Is your feature request related to a problem? If so, please describe the problem.
No

Describe the solution you'd like
I would like a dictionary section added to the website. It should

• have a list page at /dictionary
• have a section on Forestry
• use .md files for each dictionary entry

Does this feature replace an older feature? If so, which one?
No

Does this feature have an attached Figma(s) file? If so, link here.
No

Additional context
This is time-sensitive, because we want to use it for Hacktoberfest.

Blog post

Blog post - "Why found a tech squad?"

Anyone who is interested and/or inspired to write this week should do so as well! Can be same or different topic.

@Yoonie458 suggested thinking of a target audience, for example some one new in their career in the same role as you.

We discussed having this done by Sunday as a target for our first piece of blog content.

Add fonts

Add fonts to gridsome/tailwind setup.

Group vision board

https://docs.google.com/presentation/d/1Y4ahTcQ4joHORvwBgHlSjVPq9gpnKcXoV__aeS5Sqww/edit?usp=sharing

Add Jest for unit testing

Unit test adventures to come!

Add Storybook

Add Storybook and make stories.

Install Gridsome

Install Gridsome kthxbye

Dictionary: uppercase alphabet comes before lowercase alphabet

Yikes! Briefly, what seems wrong?
When I to go /dictionary, it's not ordered with mixed upper/lowercase entries.

Expected Behavior
The dictionary entries should show in alphabetical order, whether or not they begin with an upper or lowercase letter.

Current Behavior
All the uppercase entries show first, followed by the lowercase entries.

Possible Solution
The current sort order is done by graphql, and graphql queries aren't able to be case-insensitive. We may need to do this in Vue.

Steps to Reproduce
Go to dictionary. Page through until you see the lowercase letters begin showing. You will see things that start with the letter a but are not on the first page.

Plan our website go-live

Optimize homepage background image

The homepage background image is currently 14MB 😬 - let's optimize!
Related issue: #7

High Fi website

Next steps

• Move from greyscale to HighFi
• User Testing and Nia testing
  -Copywriting

🍁Happy Hactoberfest! Read on to contribute....🍁

🍁🍂🎃Welcome to Hacktoberfest 2021! We welcome contributions to our Tech Dictionary. Here's how to get started:

🐱‍💻WHO can contribute?

• People at any level of experience (yep, no experience is necessary!)
• People who agree to behave according to our Code of Conduct

🐱⚽HOW do you contribute?

1. Read through our Contributing HowTo.
2. Find a dictionary entry on our website or submit an entry to be added!
3. If you don't want to make any commits, you can always submit an issue for it. You don't get Hacktoberfest credit, but we still appreciate the effort!

🙀💥WHAT to do if you run into trouble?

If you run into any trouble (for example, getting set up or picking a dictionary entry), feel free to submit a general issue, and we'll try to help as best we can.

Add nav

For navigation fo the site, we'll need:

• design
• skipNav

Welcome email (automation)

testing out auto adding to project - delete this

Yikes! Briefly, what seems wrong?
Replace this text with a short version of the bug.

Expected Behavior
How should this function or feature act, look, etc?

Current Behavior
What happens instead of the expected behavior?

Possible Solution
Any ideas how to fix it? Tell us here!

Steps to Reproduce
Provide a link to a live example, or an unambiguous set of steps to reprodue the issue.

1. Replace me with the first step to reproduce...
2. Replace me with the second step to reproduce...
3. Replace me with the third step to reproduce (you get the idea!)...

Experiment with making a card into an issue

Blah we are the bestest.

Add google analytics

Questions:

• do we need to have all of our future projects on the same domain to compare data between them?

Style homepage

Style the homepage according to the Figma file that Julieth sent via Slack.
Assets should be in Figma.

Create onboarding document for new members

We should have an onboarding doc for new members. This might include things like:

• What accounts they should make (at least Github)
• What forms they should fill out (ex Member Bios google spreadsheet)

What else? (leave in comments)

Admin: Can we see the netlify deploys on github?

Check into whether we can find a way to see the netlify preview links here on github. Ideally, if we switch to the branch here on Github, we would see a link to "xxxx--cherryontech.netlify.app".

Create cherry accessories

Pagination on Dictionary page links to wrong base

Yikes! Briefly, what seems wrong?
When you click to the next page on the /dictionary, it goes to the wrong page.

Expected Behavior
It should go to /dictionary/somePageNumber.

Current Behavior
It goes to /blog/somePageNumber.

Possible Solution
In Dictionary.vue replace the base property on ln31.

Steps to Reproduce

1. Navigate to https://cherryontech.netlify.app/dictionary/
2. Click "next" at the bottom of the page
3. See that the page goes to /blog/something instead of /dictionary/something

Change images location to src/assets

This seems to be how the gridsome docs like it best. We can use g-image component easily here too.

Admin: Add mailing list sign up

We need a solution for mailing list.

Change favicon

Change the website favicon to new logo design

Look for someone interested in joining as QA

@novellac mentioned it would be helpful to have someone testing our work, and it would be a good opportunity for interested/early in their career.

@alliequintano can act as a mentor for a QA.

Want our QA to focus on:

• accessibility

Does anyone have someone in mind or have some networks to reach out to?

Add PR template

Add PR templates so that contributors can give us thorough information about documenting what they did and how we can test it.

See the Github documentation for adding PR templates.

wireframe

Choose license for website repo

What license do we want? Let's decide.

For dictionary entries without content, add link to md file

Briefly tell us what the proposed feature would do.
This feature will show a link to the appropriate md file near any dictionary entries with no info.

Is your feature request related to a problem? If so, please describe the problem.
There are LOT of dictionary entries without definitions or perspectives. We can help people contribute definitions and perspectives by linking to the corresponding markdown file.

Describe the solution you'd like
A link near the dictionary entry which points to the md file for the word, and has text about contributing a definition/perspective.

Does this feature replace an older feature? If so, which one?
No

Does this feature have an attached Figma(s) file? If so, link here.
No

Additional context
Add any other context or screenshots about the feature request here.

Content strategy

Content: Credit unsplash

We are using an unsplash image for the homepage background and we should give them credit!
Tasks:

• Ask Julieth where to put this info (usually goes in the footer)
• Check on the unsplash website to see how they suggest we format the attribution

Reach out to mentors

We have discussed looking for mentors to support us in a variety of ways, depending on what the mentor may be best suited for / interested in.

• Individual mentor for our roles
• Group mentor to speak to us in our team meeting and where we could ask questions

We have discussed mentors meeting with us just one time, or on an ongoing basis. We are taking a "More the merrier" attitude :D If you have someone in mind, see what they would feel most comfortable committing to.

Technical mentors:

• C#/.NET