https://github.com/fairfield-programming/learn

A website allowing anyone to learn how to code, with free and open-source articles, courses, and certificates.
https://github.com/fairfield-programming/learn

gatsby javascript learn learn-to-code learn-to-code-for-free learning learning-by-doing tailwind tailwindcss teaching teaching-materials website

Last synced: about 7 hours ago
JSON representation

A website allowing anyone to learn how to code, with free and open-source articles, courses, and certificates.

• Host: GitHub
• URL: https://github.com/fairfield-programming/learn
• Owner: fairfield-programming
• License: other
• Created: 2022-04-13T12:54:54.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2023-03-09T15:08:49.000Z (almost 2 years ago)
• Last Synced: 2024-05-01T11:29:44.706Z (9 months ago)
• Topics: gatsby, javascript, learn, learn-to-code, learn-to-code-for-free, learning, learning-by-doing, tailwind, tailwindcss, teaching, teaching-materials, website
• Language: JavaScript
• Homepage: https://learn.fairfieldprogramming.org/
• Size: 503 KB
• Stars: 8
• Watchers: 3
• Forks: 4
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        






# FPA Learning · [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Check%20out%20the%20FPA%20Learning%20Platform%E2%80%93%20an%20open-source%20alternative%20to%20paid%20coding%20courses.&url=https://github.com/fairfield-programming/learn&via=FairfieldCoding)

The Fairfield Programming Association Learning website provides a free and open-source way to learn how to code through simple courses and guides.

















The new Fairfield Programming Association Learning website is built in Gatsby and uses Tailwind CSS for the styling. This enables us to keep down server costs while also providing an excellent user and developer experience. Most of our pages are DSG ([Deferred Static Generation](https://www.gatsbyjs.com/docs/how-to/rendering-options/using-deferred-static-generation/)), which means that most of the information on the website can be changed by modifying the information inside of the data folder.

## Features

## Setup

1. Download the project from Github.

2. Have Node, NPM, and Gatsby installed.

3. Run the below command to install the packages.

```bash

npm install

```

4. Run the below command to start the website.

```bash

gatsby develop

```

**Note:** It can take anywhere from a few seconds to a few minutes to start the website, but once the website is live, it does [hot reloading](https://www.gatsbyjs.com/docs/reference/local-development/fast-refresh/).

## Contribute