Giter Site home page Giter Site logo

arjunsoota / github-education-portfolio Goto Github PK

View Code? Open in Web Editor NEW

This project forked from anupam-dagar/github-education-portfolio

0.0 1.0 0.0 5.24 MB

A portfolio made using React and tools from GitHub Student Developer Pack

Home Page: https://anupamdagar.com/GitHub-Education-Portfolio

License: MIT License

HTML 12.36% CSS 4.72% JavaScript 82.92%

github-education-portfolio's Introduction

Portfolio

Built using React and tools from GitHub Student Developer Pack.

Header Image

This is a tutorial on building a portfolio website using React and tools from the GitHub Student Developer Pack. Tools used from the GitHub Student Developer Pack are Heroku, Namecheap and GitHub.

The hosted version of this repository is live at http://anupamdagar.com/GitHub-Education-Portfolio

landing page image

Steps to run locally

  1. Clone the repository using git clone https://github.com/Anupam-dagar/GitHub-Education-Portfolio.git
  2. cd into the cloned repository and run yarn. This will install all the dependencies required for the project.
  3. Run the server using yarn start.
  4. Create your own portfolio by editing the profileData.json present in the src directory.
  5. Place your image in Assets directory present inside src directory. Make sure to rename it to profile.jpg or else you can edit the filename in import statement of Sidebar.js Component.

Blog Post

The detailed blog post for the tutorial is at medium link here

This project was bootstrapped with Create React App.
The Bootstrap template used in this tutorial is https://github.com/BlackrockDigital/startbootstrap-resume

github-education-portfolio's People

Contributors

anupam-dagar avatar henryxz avatar

Watchers

James Cloos 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.