Giter Club home page Giter Club logo

web-systems-and-technologies's Introduction

Web Systems and Technologies Repository


Requirements

1. Git

  • Download git here.
  • Git Bash will be installed along with Git.
  • Use Git Bash to enter git commands.
After installing git.
Open Git Bash and enter user config for git.
Enter the GitHub email you used.

Commands:
git config --global user.email "<your-email>"
git config --global user.name "<your-name>"

Example:

set-git-user

2. Github

  • Create a GitHub Account and add your username here. You will be invited as a collaborator in this repository.

Contributing

1. Deploy your personal website to GitHub Pages.
2. Submit your personal website link and the source code link.

1. Deploy your personal website to GitHub Pages.

Steps:
1. Create new repository on GitHub.

click-new-repository

2. Add repository name. Repository must be public. Click create.

create-new-repository

3. Upload your project to GitHub. Ignore the following commands:
echo "# owen-falculan" >> README.me
git add README.me

Note:
Execute these commands inside your project folder!

new-repo-commands

Use commands cd and ls to navigate.
cd - used to navigate between folders.
ls - list files and folders

cd-ls

Sample terminal commands

terminal-commands

4. For windows users, if this window pops out when pushing your branch.
Just sign in with your browser and authorize git.

git-authorize

5. After pushing, your project files should be uploaded to your created GitHub repository.

code-uploaded

6. Deploy your branch using GitHub Pages.
Click settings > pages > deploy master/main branch > save.
Your website link will be available after 30 seconds.

deploy-pages

Note:
Your main HTML file should be named index.html

2. Submit your personal website link and the source code link.


Steps:
1. Open Git Bash (installed along with git) and clone our course repository.
Then navigate to the project using cd command.

Note:
Do not clone inside your personal website project!

git-clone

1. Create a branch. Use your name as branch name (eg. owen-patrick-falculan).
Make sure that you are in your newly created branch.
To check, type "git branch" and your branch should be highlighted.
Do not make changes in master branch!

git-checkout

3. Edit variables.js file inside utils folder.
Look for your name and add your personal website link and source code link.

edit-variables

4. Add your changes to staging area.
Commit your changes.
Push your branch.

Commands:
git add .
git commit -m "<commit-message>"
git push --set-upstream origin <branch-name>

push-branch

5.  After you pushed your branch in our repository.
Click compare and pull request.
Then click create pull request.

compare-and-pull-request

After I merged your pull request. Your website will be available here.

web-systems-repo

web-systems-and-technologies's People

Contributors

owenfalculan avatar markbirds avatar dmnjemuel avatar ams-mai avatar jndechavez avatar maleajane avatar ysraeldelasalas avatar dreyirvine avatar meckadanes avatar cedmrk avatar catherinegrc avatar aphrodite07 avatar piolorvr avatar monalennejoy avatar ck-balmes avatar ezaira avatar limpiadajohn avatar xapier14 avatar lncemnlo avatar randolfcaraig avatar keanopentinio avatar manalodeneil avatar jessther avatar centipido319 avatar theadelossantos avatar sharky0824 avatar sanjero20 avatar aldayrj avatar cuetorica avatar rmglcoder avatar

Stargazers

Aubrey Cantos avatar HueHueberry 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.