Git Product home page Git Product logo

github-pages-with-jekyll's Introduction

Twitter URL   LinkedIn URL   AngelList URL   DEV.to URL   TJ Phan website URL

Hi 👋, I'm TJ!

A passionate fullstack developer from Coquitlam, BC, Canada

Improving lives and communities through thoughtful technology is my motivation. If we share the same philosophy, let's connect!

  • 🔭 I’m currently working on My Gatsby Portfolio

  • 🌱 I’m currently learning Typescript and Gatsby

  • 👯 I’m looking to collaborate on ESG projects

  • 📫 How to reach me LinkedIn or Twitter

  • ⚡ Fun fact I like to cook and learn human languages. Open to video games!

Projects

Snappy


Elevator Pitch Generator App

Tech Stack: ReactJS, Express.JS Components CSS, openai API

Want to land that valuable connection with that boss/star/career crush in the elevator? Open the app, sprinkle a bit about yourself and let the trained ai to creat your personal elevator pitch, fast!

Coming soon


Next Project

Tech Stack: (Coming soon)

What will the next project be?

Proxy Ritual


Card Printing App

Tech Stack: ReactJS, Typescript, Sass, Axios, Print-JS

Big game time is lost when there aren't enough duplicate cards in Arkham Horror LCG, a multiplayer campaigning card game. This app finds your deck, formats them to be ready for printing. No more hand-written proxying and more time to play!

Paw-Five


Dog Training App

Tech Stack: Stack: Express, ReactJS, Wit.ai, Recharts, Figma, Sass, News API, React-Cookie, Axios, Heroku, PosgreSQL

PawFive is a specialized training app for dog training, using a lighthearted-theme to track their learning progress, and using a voice recognition AI for innovative training recording.

Interview Scheduler


scheduling interviews app

Tech Stack: ReachJS, Axios, Cypress, Storybook, Jest

Designed for busy appointment schedulers, the Scheduler helps experts and novices find their booking routines made easily managed with a few clicks.

Goombr


Twitter Faking App

Tech Stack: Express Js, Node 5.10, Chance, Body-Parser, Jquery

Let the world hear your thoughts! Join other users in creating easy snippets of ideas or opinions and browse them through threads. CSS-focused project.

Technology I use:

bootstrap css3 cypress express figma gatsby git graphql heroku html5 javascript jest nodejs photoshop postgresql rails react ruby sass typescript

 glitjch glitjch

hellotjphan

glitjch


Here, today is Thursday, May 19, 2022.

Currently, the weather is: 12°C, overcast clouds
Sun rises at 05:22 AM and sets at 08:52 PM.


Last refresh: May 19, 11:57 AM PDT

github-pages-with-jekyll's People

Contributors

brianamarie avatar crichid avatar glitjch avatar hollenberry avatar

Watchers

 avatar

github-pages-with-jekyll's Issues

Welcome

Step 1: Enable GitHub Pages

Welcome to GitHub Pages and Jekyll 🎉!

If you're new to GitHub Pages, or you want to learn how to build and host a GitHub Pages site, you're in the right place. With GitHub Pages, you can host content like documentation, resumes, or any other static content that you’d like.

In this course, you'll create a blog hosted on GitHub Pages and learn how to:

  • Enable GitHub Pages
  • Use Jekyll, a static site generator
  • Customize Jekyll sites with a theme and content

New to GitHub?

For this course, you'll need to know how to create a branch on GitHub, commit changes using Git, and open a pull request on GitHub. If you need a refresher on the GitHub flow, check out the Introduction to GitHub course.

⌨️ Activity: Generate a GitHub Pages site

The first step to publishing your blog to the web is to enable GitHub Pages on this repository 📖. When you enable GitHub Pages on a repository, GitHub takes the content that's on the main branch and publishes a website based on its contents.

  1. Under your repository name, click Settings.
  2. In the "GitHub Pages" section, in the Source drop-down, select main branch.

After GitHub Pages is enabled and the site is started, we'll be ready to create some more content.

Turning on GitHub Pages creates a deployment of your repository. I may take up to a minute to respond as I await the deployment.


Return to this issue for my next comment.

Sometimes I respond too fast for the page to update! If you perform an expected action and don't see a response from me, wait a few seconds and refresh the page for your next steps.

Getting ready to blog

Step 4: Customize Site Details

Great work! You can see your published page here. If you don't see your changes right away, refresh the page.

Getting your page blog ready

Jekyll uses a file titled _config.yml to store settings for your site, your theme, and reusable content like your site title and GitHub handle.

You can check out the _config.yml file on the Code tab of your repository.

⌨️ Activity: Modify the config file

Let's change the _config.yml so it's a perfect fit for your new blog. First, we need to use a blog-ready theme. For this activity, we will use a theme named minima.

  1. Navigate to the Code tab of this repository, and browse to the _config.yml file, or click this link here.
  2. In the upper right corner, click ✏️ to open the file editor.
  3. Add a theme: set to minima so it shows in the _config.yml file as below:
    theme: minima
    
  4. Modify the other configuration variables such as title:, author:, and description: to customize your site.
  5. Click Create a new branch for this commit and start a pull request.
  6. Open a pull request.

Look for my next response in your pull request.

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.