Kristofer Koishigawa e6e6df3c6d feat(app): Add Motivational Quote Easter Egg (#16932)
Added a feature where a motivational quote is randomly selected from a
static list and displayed whenever the user closes all the panes on the
page. Also added a quotes.js file with an array of quote objects and a
function that returns a random quote object when called.

Edit: Forgot to add double quotes to the quote blocks after moving from
test strings to random quote objects from the quotes.js file. Added
them here as HTML encoded left and right double quotes.

Made changes @Bouncey requested.

Made further changes @Bouncey requested. Also added a componentDidUpdate
method to both ensure the quote is only changed when panes open and close,
and also to make sure the new quote is not the same as the one that
was last displayed.

Removed the fCC logo as it was redundant and clashed with the night mode.
Simplified the layout so the quote block is in the middle of the page and
changed the width so that it's more readable. Also added styling to change
the quote text color in night mode.

BREAKING CHANGE: None

Closes #16382
2018-04-10 16:13:46 +01:00
2016-09-23 15:38:49 -07:00
2015-08-05 12:27:07 -07:00
2016-04-23 22:38:20 -07:00

freeCodeCamp Social Banner

Throughput Graph

Known Vulnerabilities Build Status Pull Requests Welcome first-timers-only Friendly

Welcome to freeCodeCamp's open source codebase and curriculum!

freeCodeCamp is a friendly open source community where you learn to code and help nonprofits.

We help our campers build job-worthy portfolios of real apps used by real people, while helping nonprofits.

You start by working through our self-paced, browser-based full stack JavaScript curriculum.

By working through our curriculum, you can earn four certifications:

1. Front End Certification

The first section will teach you the basics of how webpages work and also introduce you to JavaScript programming.

Skills you'll practice include HTML, CSS, JavaScript, jQuery and Bootstrap.

To earn this certification, you'll build 10 front-end projects and implement many JavaScript algorithms.

2. Data Visualization Certification

The second section builds upon the first and introduces you to more advanced topics such as Sass, React and D3.

To earn this certification, you'll build 5 React-apps and 5 Data visualization apps using D3.js.

3. Back End Certification

The third section introduces you to back end development using Node.js, Express, and MongoDB. It also teaches you about the important concept of source control using Git.

To earn this certification, you'll build 5 APIs and 5 full stack apps.

We will accept solutions implemented in any programming language, as long as both a live demo and the source code are publicly accessible.

4. Full Stack Certification

The fourth section is where you'll get real-world experience by working on projects for nonprofits. We'll pair you with another camper, an agile project manager, and a stakeholder from a nonprofit organization. Together, you'll plan, build and maintain apps that help that nonprofit carry out its mission more effectively.

For this certification, you'll work on two projects from scratch and then maintain/upgrade two existing projects.


This code is running live at freeCodeCamp.org. We also have a super active forum, local study groups, a Medium publication, a guide to thousands of programming topics, and even a YouTube channel.

Join our community here.

Found a bug?

Do not file an issue until you have followed these steps:

  1. Read the Help I've Found a Bug article and follow its instructions.
  2. Ask for confirmation in the appropriate Help Room.
  3. Please do not open an issue without a 3rd party confirmation of your problem.

Contributing

We welcome pull requests from freeCodeCamp campers (our students) and seasoned JavaScript developers alike! Please follow these steps to contribute.

License

Copyright (c) 2018 freeCodeCamp.

The content of this repository bound by the following LICENSE(S)

  • The computer software is licensed under the BSD-3-Clause.
  • The curricular content in the /seed and subdirectories are licensed under the CC-BY-SA-4.0
Description
Languages
JavaScript 47.2%
TypeScript 46.3%
CSS 6.1%
Shell 0.2%
Dockerfile 0.1%
Other 0.1%