content Documentation

1. Project Overview & Quickstart (anuraghazra/content) Copy Chapter

1. Project Overview & Quickstart (anuraghazra/content) Copy Chapter

content

The official source for MDN Web Docs content. Home to over 14,000 pages of documentation about HTML, CSS, JS, HTTP, Web APIs, and more.

Repository Details Copy Section

• Repository: anuraghazra/content
• GitHub Stars: ⭐ 10,908
• Primary Language: Markdown

Note: High-volume repository documentation is actively indexed and synchronized by YakaAI.

2. Official Technical Reference & Guides (anuraghazra/anuraghazra.github.io) Copy Chapter

Strained eyes? There's DarkMode too :p

NOTE: If you are using this site as a template for your own portfolio site, I would be very glad if you add a link to the original site with my name in footer

:rocket: Quick start Copy Chapter

Run the site locally

NOTE: The default branch for this repo is develop, when you push or pull make sure you specify the correct branch

Step 1: Clone The Repo Copy Section

Fork the repository. then clone the repo locally by doing -

git clone https://github.com/anuraghazra/anuraghazra.github.io.git

Step 2: Install Dependencies Copy Section

cd into the directory

cd anuraghazra.github.io

install all the dependencies

npm install

Step 3: Start Development Server Copy Section

Then start the development Server

npm run develop

After running the development server the site should be running on https://localhost:8000

:open_file_folder: What's inside? Copy Chapter

A quick look at the folder structure of this project.

.
├── content
│   ├───blog
│   ├───case-studies
│   └───json
├── cypress
├── plugins
└── src
    ├───components
    │   ├───About
    │   ├───Blog
    │   ├───common
    │   ├───Concepts
    │   ├───Contact
    │   ├───CreativeCoding
    │   ├───Home
    │   ├───Layout
    │   │   └───Navbar
    │   ├───Lightbox
    │   ├───Projects
    │   └───Skills
    ├───hooks
    ├───pages
    ├───static
    │   └───images
    ├───styles
    └───templates

Tools Used Copy Chapter

1. Gatsby.js (of course)
2. Styled Components for styling
3. Cypress for E2E Testing
4. Jest for Unit Testing
5. TravisCI for CI/CD

:v: Contributing Copy Chapter

NOTE: if you want to change the blog content or fix any typo you can do that from github's ui without cloning the repo locally

After cloning & setting up the local project you can push the changes to your github fork and make a pull request.

You can also run the tests locally to see if everything works fine with

Running tests Copy Section

npm run test
npm run test:e2e

Pushing the changes Copy Section

git add .
git commit -m "commit message"
git push YOUR_REPO_URL develop

Made with :heart: and Gatsbyjs

2. Official Technical Reference & Guides (anuraghazra/anuraghazra.github.io) Copy Chapter

Strained eyes? There's DarkMode too :p

NOTE: If you are using this site as a template for your own portfolio site, I would be very glad if you add a link to the original site with my name in footer

:rocket: Quick start Copy Chapter

Run the site locally

NOTE: The default branch for this repo is develop, when you push or pull make sure you specify the correct branch

Step 1: Clone The Repo Copy Section

Fork the repository. then clone the repo locally by doing -

git clone https://github.com/anuraghazra/anuraghazra.github.io.git

Step 2: Install Dependencies Copy Section

cd into the directory

cd anuraghazra.github.io

install all the dependencies

npm install

Step 3: Start Development Server Copy Section

Then start the development Server

npm run develop

After running the development server the site should be running on https://localhost:8000

:open_file_folder: What's inside? Copy Chapter

A quick look at the folder structure of this project.

.
├── content
│   ├───blog
│   ├───case-studies
│   └───json
├── cypress
├── plugins
└── src
    ├───components
    │   ├───About
    │   ├───Blog
    │   ├───common
    │   ├───Concepts
    │   ├───Contact
    │   ├───CreativeCoding
    │   ├───Home
    │   ├───Layout
    │   │   └───Navbar
    │   ├───Lightbox
    │   ├───Projects
    │   └───Skills
    ├───hooks
    ├───pages
    ├───static
    │   └───images
    ├───styles
    └───templates

Tools Used Copy Chapter

1. Gatsby.js (of course)
2. Styled Components for styling
3. Cypress for E2E Testing
4. Jest for Unit Testing
5. TravisCI for CI/CD

:v: Contributing Copy Chapter

NOTE: if you want to change the blog content or fix any typo you can do that from github's ui without cloning the repo locally

After cloning & setting up the local project you can push the changes to your github fork and make a pull request.

You can also run the tests locally to see if everything works fine with

Running tests Copy Section

npm run test
npm run test:e2e

Pushing the changes Copy Section

git add .
git commit -m "commit message"
git push YOUR_REPO_URL develop

Made with :heart: and Gatsbyjs