Giter VIP home page Giter VIP logo

portfolio-template's Introduction

Developer Portfolio Template

Welcome to the Developer Portfolio Template! This template is designed to help fellow developers create their first developer portfolio website. It's built with Tailwind CSS for styling, React for JavaScript framework, and utilizes react-router for navigation. Additionally, it integrates GitHub APIs to automate loading developer projects on the site in card format.

Features

  • Responsive Design: The portfolio template is responsive and works seamlessly across various devices and screen sizes.
  • Tailwind CSS: Utilizes Tailwind CSS for easy and customizable styling.
  • React Components: Developed with React, making it easy to manage and reuse components.
  • React Router: Implements react-router for smooth navigation between different sections of the portfolio.
  • GitHub APIs Integration: Automatically loads developer projects from GitHub in card format, providing an easy way to showcase your work.

Getting Started

Prerequisites

  • Node.js installed on your machine

Installation

  1. Clone the repository
git clone https://github.com/yourusername/developer-portfolio-template.git
  1. Navigate into the project directory:
cd developer-portfolio-template
  1. Install packages and dependencies
npm install

Usage:

  • Replace all of the sample descriptions with your own.
  • Replace the Github API Endpoint in \src\components\github\GithubReposLoader.js with your GitHub API Endpoint Example:
    const result = await fetch("https://api.github.com/users/{Your Github User Name }/repos");
    
  • After making all the desirable changes, build your project and deploy with the 'dist' file as static site:
    npm run build
    
  • or you can choose your own method of site deployment.

Be sure to leave a Star :D

portfolio-template's People

Contributors

saif-gitreps avatar

Stargazers

 avatar

Watchers

 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.