This project is an ongoing project being developed during T1CG WebDev meetups held every second Wesdnesday of every month.
We hope to have meetup participants review, play with, and contribute to the project.
Below are some instructions and guidelines to help get you started.
Happy Coding 🎉 🚀 🤘
This project was bootstrapped with Create React App.
Open up your terminal
- git clone https://github.com/t1cgAcademy/t1cg-meetup.git
- cd into the project directory (
cd t1cg-meetup) - You can now run:
- Start the site with:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Note: When working with Windows always install as administrator.
Note: All links will take you to websites with steps on how to install.
Note: If you run into errors, Google is every developers best friend to help troubleshoot! Also your human best developer friends are great troubleshooting resources ✋
| Mac | Windows | Purpose |
|---|---|---|
| Install Homebrew 🍻 | Install Chocolatey 🍩 | Package Manager for Installing Almost Everything! |
| Install Node with Homebrew | Install Node with Chocolatey | Installing Node will allow our machines to run javascript code as well install the O' So Important NPM (Node Package Manager)! |
| Install an IDE (atom or visual studio code) | Install an IDE (atom or visual studio code) | Allow us to manipulate and edit our source code as well as provide extra tools to support and ease programming work flows. |
Install create-react-app npm i create-react-app -g |
Install create-react-app npm i create-react-app -g |
Allow you to run create-react-app software. |
| Install MongoDB with Homebrew | Install MongoDB with Chocolatey <-- This guide is great to get you started but forgets an important step, the command to actually install mongo. It's choco install mongodb |
The database software we will be using for this application. |
Intall Git with Homebrew brew install git |
Intall Git with Chocolatey | Git is our version control tool allowing us store our source code online and locally while also adding tooling for collaboration and historical versioning. |
| Clone this repository and the Api repository | git clone [repourl].git |
Now you have a version of the project source code on your local machine 😄 |
Start a new repository or obtain one from an existing URL
$ git init [project-name]
Creates a new local repository with the specified name
$ git clone [url]
Downloads a project and its entire version history
Configure user information for all local repositories
$ git config --global user.name "[name]"
Sets the name you want attached to your commit transactions
$ git config --global user.email "[email address]"
Sets the email you want attached to your commit transactions
$ git config --global color.ui
autoEnables helpful colorization of command line output
Review edits and craft a commit transaction
$ git status
Lists all new or modified files to be committed
$ git add [file]
Snapshots the file in preparation for versioning
$ git add . or $ git add -A
Snapshots all the files in preparation for versioning
$ git reset [file]
Unstages the file, but preserve its contents
$ git diff
Shows file differences not yet staged
$ git diff --staged
Shows file differences between staging and the last file version
$ git commit -m "[descriptive message]"
Records file snapshots permanently in version history
Name a series of commits and combine completed efforts
$ git branch
Lists all local branches in the current repository
$ git branch -b [branch-name]
Creates a new branch and switches you to that branch
$ git checkout [branch-name]
Switches to the specified branch and updates the working directory
$ git merge [branch]
Combines the specified branch’s history into the current branch
$ git branch -d [branch-name]
Deletes selected branch
Register a repository bookmark and exchange version history
$ git push [branch]
Uploads all local branch commits to GitHub
$ git pull
Downloads bookmark history and incorporates changes
$ git fetch [branch]
Downloads all history from the repository bookmark
$ git merge [branch]
Combines bookmark’s branch into current local branch
Open up src\assets\data\members.json on the editor and add these fields in:
{
"id": 99,
"Name": "Your Name",
"imgURL": "Profile Picture URL",
"Occupation": "Your Occupation",
"Bio": "Your Bio",
"Twitter": "@twitterHandle",
"Facebook": "Full link to Facebook profile",
"LinkedIn": "Full link to LinkedIn profile",
"Github": "Full link to Github profile"
}| Key | Example Value | Purpose |
|---|---|---|
| id | 99 | React wants to keep track of dynamically created elements, this is good practice. Make sure to increment the last value, and don't repeat the same id |
| Name | Bob Ross | Your Name |
| imgURL | https://i.imgur.com/9zrX9Tn.gif | Make sure to paste in the image address, not the album address. Right click on the image, click "Copy image address" |
| Occupation | Painter | Your occupation |
| Bio | Master Sergeant for US Air Force turned Painter, Television host, and Art Instructor | Your Bio |
| @BobRossOfficial | Make sure to add @ followed by your username |
|
| https://www.facebook.com/TheJoyofPaintingWithBobRoss/ | Paste in your full Facebook link | |
| https://www.linkedin.com/in/BobRossDoesntHaveLinkedIn/ | Paste in your full LinkedIn link | |
| Github | https://www.github.com/BobRossDoesntHaveGitHub | Paste in your full Github link |
