Code Monkey home page Code Monkey logo

uw-httc's Introduction

HTTC Website Development

UNSURE IF WE ARE USING NETLIFY YET FOR HOSTING. DOCUMENTATION TO BE UPDATED W/ SCREENSHOTS

Initial Setup

  1. Obtain password info from execs for Github & Netlify (?).
  2. Log onto Github using the HTTC account.
  3. Log onto Netlify (where the website is being hosted).(?)

Local Development

  • Clone the repository: REPO LINK HERE
  • Make a new branch.
  • Install Gatsby CLI.
  • Install the required packages with npm install in the repo directory.
  • Run gatsby develop.
  • Visit the localhost link to view changes in the browser.
  • Save changes.
  • Send a pull request to the master branch on GitHub.
  • Check Netlify deploy status: Netlify Dashboard (?)

Changing Text via GitHub

  1. Login to GitHub and click on the account icon in the top right corner.
  2. Click "Your organizations".
  3. Select the organization "REPO LINK".
  4. Click on the GitHub project "REPO LINK".
  5. Navigate to the "src" folder.
  6. Go to "posts".
  7. Edit the desired .md file.
  8. Make changes to the text between quotation marks.
  9. Scroll down, add a title to your commit, and click "Commit changes".
  10. Check Netlify.com to see if your commit is building. (?)

Website Design/Layout Changes

Info to Know

Front-end:

  • Bootstrap
  • Gatsby

Back-end:

  • No backend service; front-end (React & GraphQL) pulls data from .md files.

Development Steps

  1. Create a local clone of the repo and make a new branch.
  2. Host the local repo to preview your edits.
  3. Push your code to your branch.
  4. Create a Pull Request (PR).
  5. Check if the PR builds properly on Netlify. (?)
  6. Accept the PR and wait for the website to change on Netlify Dashboard. (?)

Note: Be cautious while editing text; any mistakes may impact the website's update.

Website Structure

  • Text for different pages is organized in the "src/posts" folder.
  • Each .md file corresponds to a page on the website.
  • For specific changes, click on a file, then click the pencil icon on the right.
  • Make changes to text within quotation marks.

uw-httc's People

Contributors

iwangy avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.