I am Liuba, a Front-End Developer working with React. I love to create awesome stuff with code.
The goal of this project is to create a web application that shows git commit history of this project.
- ๐งฑ Gatsby
- ๐ GitHub API
- ๐จ Sass
- ๐ Netlify
#make sure you have npm installed
npm install npm@latest -g
#Clone the repo
gh repo clone liuba-larousse/gatsby-github-api-test
#Install NPM packages
npm install
#Insall Gatsby CLI globally
npm install -g gatsby-cli
#Start project
npm run start
#or
gatsby develop
-
โ GitHub API used
- โญ Display profile info
- โญ Display commit history
- โญ Map out git repositories related to gatsby framwork
-
โ Search functionality with Apollo
๐ก ๐ See what I have LEARNED building this project.
Toggle to see learnings here
Here are some things I learned while building this website:
๐ด Topic
๐ฅฅ Tip to remember
๐ฟ Better code practice
๐ Reading resources
-
๐ฅฅ used gatsby-plugin-layout for setting consistent layouts across routes
-
๐ด APOLLO
- ๐ฅฅ
useLazyQuery()
function to query on click - ๐ฅฅ
qql
to write the query - ๐ฅฅ had to run
npm i @apollo/react-hooks
- ๐ More about LazyQuery
- ๐ฅฅ
- ๐ฅฅ change
import s from "./header.module.scss"
toimport * as s from "./header.module.scss
due to recent changes - ๐ฅฅ store color varibles in a
global.scss
file for easy reuse
- ๐ฅฅ ๐ฟ store access token in .env file and add .env to .gitignore otherwise github removes token
I am actively looking for a Junior Front End Developer position. Contact me if you think I can be a great addition to your organization or you just want to talk code.