fairfield-programming / fairfield-programming.github.io Goto Github PK

We have a new team member– Alain Prestige! He will be running our Open-Source License List project, so in order to fully bring him onto the team, we need to get him a team member page. To add a team member page, follow the instructions inside of the contribute section (making sure to add him at the bottom of the file to prevent indexing issues). If you are interested in adding this, you can find information about Alain on his website.

If you want to be assigned to this issue, leave a comment below.

This one is also pretty self-explanatory, just change over all of the images to Gatsby images so that they are much more performant when loading from the edge.

Don't take this if it isn't your first issue. :)

This issue is to highlight what has been done with the Fairfield Programming Association so far.

If you don't know what to write, just hop onto our discord server and ask about it in general.

Discord Server

Idea

From this blog post, we got a lot of comments saying that we need to add a bit to our website. One of the things we need to add is a better footer, with icons. The footer can be found on the main page inside of the footer area.

Todo

• Add blog link to footer with icon - blog link
• Add discord link to footer with icon - discord link
• Add github link to footer with icon - github link

Right now, we have to explain each time how to add things to the website, so it would be better if we had some website documentation so that contributors can more easily help out with the project.

Don't take this if this isn't your first issue. 😄

Cookies should not be set client-side. Instead, they should be set on the server-side with httpOnly: true and secure: true.

Update the partners page so that on mobile devices, the paragraphs take up the whole page. Right now it doesn't so we gotta fix that.

If you want to take this, leave a comment below.

Idea

The website is looking great at this point, but I want to add a bit of text inside the footer that says, "Made with ❤️" and links to our GitHub organization. If you want to do this, just drop a comment and I will assign you to the issue. Cheers!

Todo

• Add "Made with ❤️" and link to the GitHub organization

Add a tweet button to the Readme, somewhat like this repository.

Right now, we have information about who each member of the FPA is, but we could use some additional information about if a person is currently working there or not. This information is important because it makes sure that people don't think someone is still at the FPA after they have left.

To do this, you would need to edit the data/team.json file and the src/templates/team.js file to add in the information.

I'm not sure where the information should go on the team member page, but it should fit into the flow of the design (we're using Tailwind). It should display three pieces of information– when the member started volunteering if they are still volunteering, and if not, when did they stop volunteering.

Leave a message on the issue and I can assign it to you.

Cheers!
William McGonagle

We need to add another team member to the website, to do this, follow the instructions in the readme with the following information.

Name: Tristan Ebrahimi
Biography: "This is placeholder text"
Profile Picture: https://avatars.githubusercontent.com/u/96844187?v=4
Work: Charter Outreach, Charter Events

To simplify, see Charles Ferragu's information and copy it (remember to add it to the bottom of data/team.json).

If you'd like to claim this issue, please don't hesitate to let me know.

Cheers,
William McGonagle

Our discord server link is, https://discord.gg/qtu2MXGhcf. We have a link in the footer for our Twitter and our GitHub, but we could use a link for our discord server. This will help drive some more collaborative traffic to the Discord server.

If you are interested in taking this issue, leave a comment below.

Cheers,
Will

One of the first comments we get on the new FPA General Code license is that it is 'not open source' because it does not follow an archaic definition put together by the OSI. To combat this, we need to add in a short paragraph to this page, explaining why the license is in-fact open source.

To make any changes on the website, simply change the information inside of the Data Folder, such as data/programs.json for program information. After you've made the change, submit it as a pull request.

The information to change this page is inside the "opensource-legal" section of the data/programs.json folder.

Thanks!
William McGonagle

Description

The page /team is titled "Programs", so we need to change that so that it is titled "Our Team".

Screenshots

No response

Additional information

No response

Issue:
Client not passing 'username' field value to the API. Please find attached the screenshot.

Research did:
Setup Fairfield client on local and tested the signup flow and it seems like it is sending the required fields. PFA screenshot

Below can be the Reason:
Maybe the latest build is not deployed.

Please let me know if I am missing something.

Google structured data allows us to tell Google extra information about each page (allowing us to do better on search). Because of this, we need to add Breadcrumbs for each page of the website.

The best way of doing this is probably adding the Google data in the 'Head' component, and then asking for the information in each of the Head functions (in each page file).

For more information about the Breadcrumbs structured data, see this page.

Thank you!
Will

Charles Ferragu is one of our newest board members, and also manages the sponsorships for the FPA. Because of the redesign of the website, we have to start adding people back onto our team list. For now, add basic details about Charles Ferragu– his biography and works paragraph are going to be coming shortly. His email is [email protected], and he has worked on charter-outreach (0) and charter-events (1).

To make any changes on the website, simply change the information inside of the Data Folder, such as data/team.json for team member information. After you've made the change, submit it as a pull request.

If you want to claim this issue, just drop a comment here!

Cheers,
William McGonagle

We need some more coverage/ popularity for this website, so we should try to get it onto showcase websites. One of these websites is made with tailwind, so just figure out how to get websites added, and submit this website to the process.

The 404 Page, as found in src/pages/404.js looks really bad, so we should add some style to it.

If you would like to help with this issue, leave a comment below.

Cheers,
Will

We need to add another team member to the website, to do this, follow the instructions in the readme with the following information.

Name: Hanzi Li
Biography: "This is placeholder text"
Profile Picture: https://avatars.githubusercontent.com/u/96844187?v=4
Work: The Vault

To simplify, see Charles Ferragu's information and copy it (remember to add it to the bottom of data/team.json).

If you'd like to claim this issue, please don't hesitate to let me know.

Cheers,
William McGonagle

We are about to get a giant wave of interest, so we need to start supporting donations soon.

This is a big issue- so I will split it into a ton of issues.

Idea

The website won't really have a functioning authentication system until there are cookies built-in to the login and signup pages. What I mean by this is we need a basic library like js-cookie to store whether or not the user is logged in.

Todo

• Import Library to Deal with Cookies
• Use Cookies to Store Auth Tokens

This is the second of two websites currently in development from the FPA. Our other website, the Vault, has a really awesome search bar on the standards page. On this website, we have a team page with a search bar, but it should look a little nicer. So, just take the code from the Vault's search bar and add it to the employee page.

If you would like to take this issue, leave a comment below!

Thanks,
Will

There is currently general information on each member's page about what they do at the FPA, but we should have a formal title as well. Since people can have multiple titles, it would be great if it was an array of titles.

To do this, you would need to edit the data/team.json file and the src/templates/team.js file to add in the information and necessary code.

I'm not sure where the information should go on the team member page, but it should fit into the flow of the design (we're using Tailwind). It should display as a list of different titles, or in other words, you would need to format the array so it looks pretty on the web page.

Leave a message on the issue and I can assign it to you.

Cheers!
William McGonagle

We just launched the Vault a few days ago, and we need to add information about what it is, who runs it, and how you can get involved. The information is as follows:

title: The Vault
since: December, 2022
members: William McGonagle
description: write it based on vault website
how to join: contact William McGonagle (model the paragraph after this 'how to join' paragraph).

This issue is reserved for first-time contributors. 😄 If you don't know how to add this program to the program page, please see the contributing section of the readme. If you want to claim this issue, leave a comment below.

Thank you,
William McGonagle

Idea

We have the login screen almost done, the last step that we need to complete is having the form fulfill an HTTP request to our backend. The backend is here, and the login endpoint is /user/login.

Todo

• Send a post request to /user/login
• Save the token and user info to the cookies
• Redirect the user to the /user page if they're logged in

At the moment, on certain phones (including mine ☹️), the menu goes off the page and leads to some weird navigation. We just need to make the menu change size when it's on small screens.

If you're interested in helping with this, let me know.

Thank you!
Will

What i am suggesting to add ?

I am suggesting to add Issue Templates to the repository, it can be as many categories as needed - primary categories of issues are mostly : bugs, docs, general feature and so on.

Why to add it ?

Adding an issue Template allows you to organize the issues made by folks in a much better way.

We can know if someone wants to add a feature.
We can know if someone wants to write a test or maybe fix something in the website
Here's a general idea :
image

Can i work on it ?

Yes, i will be glad to help an Opensource project grow more !

When we launched this website, the main site, we launched another website, the Vault, two days after. To make things even crazier, we are also going to launch a third website, FPA Learning, in a few days. All together, we need a person to manage each website so that it can continue to have this awesome growth that it has seen so far.

What does managing mean?

Managing would mean having notifications enabled on the repository, responding to people's pull requests, and adding new issues. You would also get your own page on the FPA Official Website because you would be one of our volunteers. It wouldn't take too much time, and we will try to get multiple managers for each website so that it isn't a big commitment.

If you would be interested in this, join our discord server and message me, williammcgonagle#4644.

There are a ton of unused imports all over the website– it would be awesome if we could get rid of them so that there are fewer warnings during the build.

Oh also, this issue is reserved for first-time contributors to this project. 😄

Cheers–
Will

This is pretty self-explanatory, just switch over all of the to so that there is a better user experience. Make sure that the website works before you put in the pull request.

Also– don't take this if it isn't your first issue.

We just started a new project, which is being run by Alain Prestige. This project will be similar to the SPDX, which compiles a list of licenses, but our list will be available in multiple formats, accessible through an API similar to the GitHub License API, and officially supported by the license vendors themselves (bringing more credibility). If you are interested in adding this project to the website, please follow the instructions in the contribute section of the Readme. Please write your own descriptions and content for the project page– do not copy and paste from any other sources.

If you want to take this issue, please leave a comment below. If you have any questions– please message me on Discord (link in the project and on the website).

Hey guys, hope that you are doing well.

So, these days I was experimenting a bit with the backend and it seems that the cookies aren't working as intended.
I checked and reviewed some files in both the frontend and the backend code base, and I found that you were setting the cookies via the Cookie object which, by default does not exist.

So, I searched if you imported it via a third party library or so, and indeed it was imported from a cdn. Then, I realized that you were using a templating strategy within HTML using the <include></inculde> tag.

My first reaction was kind of weird since I had never seen that tag before !

So the question is, how are you guys making it work and why is not working in my local setup XD ?

Thanks in advance.
Massiles.

The footer has a "Made with ❤️" sticker on it and a copyright but we need that to be on every page. To do this, we should separate this footer into its own file and use parcel's include system. This will make everything simpler.

If you want to do this, just leave a comment and I will assign it to you. Cheers!

The open-source projects page was just created and it links to our licenses, but should also include our open-source programs. If you would like to add the projects from our GitHub Readme onto this page, that would be great! Make sure that the page you edit is the one inside of the src folder, not the docs folder. It doesn't need to be styled amazingly but each project should have a quick sentence or two saying what it's for.

If you would like to work on this, just drop a comment below.

Cheers!

The charter outreach program needs more information on its page, such as information on how to join the program.

To make any changes on the website, simply change the information inside of the Data Folder, such as data/programs.json for program information. After you've made the change, submit it as a pull request.

Thanks!
William McGonagle

We need to get more coverage for this project, so we should submit this project to the Gatsby Showcase. I'm not sure how the process works, but here's the link to the showcase. If you are interested in getting this done, just let me know, and I will assign it to you. 😄

@pandeyprashant123-coder Just joined the FPA team, so we need to add a page for them. If you have any questions, please reach out via discord.

P.S. Just follow the instructions in the Readme for adding employee pages.

Cheers,
William McGonagle

We need to add another team member to the website, to do this, follow the instructions in the readme with the following information.

Name: Jamie Davis
Biography: "This is placeholder text"
Profile Picture: https://avatars.githubusercontent.com/u/96844187?v=4
Work: Charter Outreach, Charter Events

To simplify, see Charles Ferragu's information and copy it (remember to add it to the bottom of data/team.json).

If you'd like to claim this issue, please don't hesitate to let me know.

Cheers,
William McGonagle

Idea

Since our website is going and we don't want to edit the footer on every page, we are just going to start using the include tag with the footer to simplify everything.

Todo

• Separate Footer into Includes Folder
• Reference the Footer using the '' tag

Just replace all of the spots where there are double equals signs (==) with triple equal signs (===). If you want to know why we need this change just check out, this article.

This issue is reserved for first-time contributors. 😄

Idea

The website is going to need to work on mobile. This means that we will need to make the header responsive by using a hamburger design. To check out what I mean by this, you can see The Brew Society Website.

Todo

• Make the Header Responsive

On mobile browsers such as Safari for IOS, the hamburger icon does not work. This may be an error on multiple devices.

The proper function of the hamburger is that it open a menu with all of the browsable pages.