💀 🎃 💀 Twin-Cities-Hacktoberfest 💀 🎃 💀
The Github Repo for TCHacktoberfest.com
What is Hacktoberfest?
A month-long celebration from October 1st - 31st sponsored by Digital Ocean and GitHub to get people involved in Open Source. Create your very first pull request to any public repository on GitHub and contribute to the open source developer community.
What is this?
We'll be building a website together! http://tchacktoberfest.com/ COMING SOON
What tools will I need?
- Git / Github
- HTML ( Written as JSX )
How to get started:
Create a Github Account and Fork the Repo:
- Create a Github Account
- Fork this Repo by clicking the "Fork" icon in the top right corner.
- See if Git is installed by opening your terminal application and typing: git --version
- If Git is not installed you can download the latest version of git here: https://git-scm.com/downloads
- Install Node.JS on your machine ( https://nodejs.org/en/ ) -- downloading the 8.X version is recommended.
- Once Node is installed you can verify that it is working by opening your terminal application and typing: node -v
- This should return the version of Node that you downloaded and installd ( Example: v8.6.0 )
- Clone your forked repository ( https://github.com//win-Cities-Hacktoberfest.git ) down to your local machine
- ( Additional steps )
- Install all of the dependencies using NPM
- ( Additional steps )
- Start your local server
- ( Additional steps
- < Steps of which files to edit >
I haven't used one of these things before, where can I learn more about it?
If you're feeling ambitious I highly suggest going through FreeCodeCamp.org to get a understanding of what the following items are. FCC's mission: to help people learn to code for free. We accomplish this by creating thousands of videos, articles, and interactive coding lessons - all freely available to the public. We also have thousands of freeCodeCamp study groups around the world.
There is no expectation for you to go through FCC before contributing to this project or scheduling some 1:1 time -- but repetition and repeated exposure to topics from different perspectives is often the fastest way to obtain a mastery of a topic.
What is HTML?
In one sentence: HTML is the language used to create webpages.
From Wikipedia: Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. Wikipedia
Guides to help you get started writing HTML:
- Learning HTML - Guides and Tutorials : https://developer.mozilla.org/en-US/docs/Learn/HTML
- Codecademy - Learn HTML : https://www.codecademy.com/learn/learn-html
What is CSS?
In one sentence: CSS ( Cascading Style Sheets ) is the language used to style HTML.
Guides to help you get started writing CSS:
What is ES5/6/7/8
What is React?
React can be used as a base in the development of single-page or mobile applications. Complex React applications usually require the use of additional libraries for state management, routing, and interaction with an API. Wikipedia
Guides to help you get started with React:
- Intro to React - https://reactjs.org/tutorial/tutorial.html
- Learn React in 5 Minutes - https://medium.freecodecamp.org/learn-react-js-in-5-minutes-526472d292f4
- Wes Bos's React for Beginners ( Paid, but really good ) - https://reactforbeginners.com/
What is NextJS?
In one sentence: NextJS is a framework for React that streamlines some of the processes and allows server-side rendering.
Guides to help you get started with NextJS:
- NextJS Tutorial - https://nextjs.org/learn/
What is Node?
What is NPM ( Node Package Manager ) ?
In one sentence: NPM is a tool that allows developers to manage and install code libraries that are maintained by the open source community.
What is Git?
In one sentence: Git is a tool that allows you to back up your code and collaborate with other people.
From Wikipedia: Git is a version control system for tracking changes in computer files and coordinating work on those files among multiple people. It is primarily used for source code management in software development, but it can be used to keep track of changes in any set of files. Wikipedia
Guides to help you get started with Github:
- Hello World - Github Guides : https://guides.github.com/activities/hello-world/
- How you can learn Git and GitHub while you’re learning to code : https://medium.freecodecamp.org/how-you-can-learn-git-and-github-while-youre-learning-to-code-7a592ea287ba