Development Procedures - acm-csula/ACM-Main-Website GitHub Wiki

Things to keep in mind

  • Create a mock up (you can sketch it out if you prefer or take a screenshot) of your assigned web page. Figma is very good and useful.
  • Share the mock up with the team to receive feedback and approval.
  • Web Committee members should share their progress (screenshot or share screen) weekly in a message. The Webmaster will ask about progress to see how everybody is doing.

How do I clone this repository?

On GitHub:

  • Click on "Clone or Download"
  • Copy the URL

On Git, run:

  • git clone [url you just copied]
  • Example: git clone https://github.com/acm-csula/ACM-Website-Fall-2019.git

Gitflow & Running the project

  • Gitflow (What is gitflow)
  • Create new branch to upload code, someone will review then push to develop/master

On GitHub:

  • Create a new issue

On Git terminal:

  • git checkout develop
  • git checkout -b ACMW-00XX
  • Work on your code
  • git status
  • git add *
  • git commit -m “ACMW-00XX: what I did”
  • git push origin ACMW-00XX

On GitHub:

  • Change to DEVELOP branch
  • Open a pull request
  • Merge

To update branch from GitHub:

  • git pull

If your branch is not up to date with develop:

  • git merge <branch name>
  • Note: Branch name is the name of the branch that will be merged into the receiving branch
  • Example: If my branch is ACMW-0050, I would check it out and do: git merge develop.

Cannot get past the comment section after git commit?

How do I run the project after cloning?

Using the command line (not Git), go to the project directory and run:

  • npm install

  • npm start

Only works on some browsers, which includes Chrome, Firefox, etc.

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.