https://github.com/thaminiperera/folio

a personal portfolio using Gatsby and the Github API
https://github.com/thaminiperera/folio

gatsbyjs github-api graphql netlify

Last synced: 12 days ago
JSON representation

a personal portfolio using Gatsby and the Github API

• Host: GitHub
• URL: https://github.com/thaminiperera/folio
• Owner: thaminiperera
• License: 0bsd
• Created: 2024-01-22T17:25:53.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-01-28T09:20:47.000Z (10 months ago)
• Last Synced: 2024-10-17T15:52:47.142Z (29 days ago)
• Topics: gatsbyjs, github-api, graphql, netlify
• Language: CSS
• Homepage: https://thaminiperera.netlify.app/
• Size: 406 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Portfolio Website

Demo : **https://thaminiperera.netlify.app/**

## Overview:

This project involves the creation of a personal portfolio website utilizing Gatsby, React, GraphQL, and the GitHub API. The primary goal is to design a mobile-friendly platform that dynamically updates details of the latest projects from the user's GitHub repository.

## Technologies Used:

`Gatsby`: A modern web framework based on React for building fast and performant websites.

`React`: A JavaScript library for building user interfaces.

`GraphQL`: A query language for APIs that enables efficient communication between the frontend and backend.

`GitHub API`: An API provided by GitHub for accessing and interacting with GitHub repositories.

## Features:

Dynamic Project Updates: The portfolio dynamically fetches and updates details of the latest projects from the user's GitHub repository.

Mobile-Friendly Design: The user interface is designed to be responsive, ensuring optimal viewing and interaction across various devices.

## Setup:

Clone the repository: **`git clone `**

Navigate to the project directory: **`cd `**

Install dependencies: **`npm install`**

Run the development server: **`gatsby develop`**

## Configuration:

Update the GitHub to fetch the latest projects dynamically.

## Usage:

Access the local development server at `http://localhost:8000` to view the dynamically generated portfolio.

Deploy the website to a hosting service for public access.

## Deployment:

Deploy the Gatsby site to a hosting platform like Netlify, Vercel, or GitHub Pages for production.

## Enhancements:

Explore additional data sources or APIs to enrich project details.

Implement further customization and theming for personalization.