https://github.com/anupam-dagar/github-education-portfolio

A portfolio made using React and tools from GitHub Student Developer Pack
https://github.com/anupam-dagar/github-education-portfolio

deployment domain github github-pages heroku namecheap react tutorial

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/anupam-dagar/github-education-portfolio
• Owner: Anupam-dagar
• License: mit
• Created: 2019-07-08T14:36:26.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T03:56:21.000Z (almost 2 years ago)
• Last Synced: 2024-04-16T03:58:06.744Z (8 months ago)
• Topics: deployment, domain, github, github-pages, heroku, namecheap, react, tutorial
• Language: JavaScript
• Homepage: https://anupamdagar.com/GitHub-Education-Portfolio
• Size: 4.32 MB
• Stars: 56
• Watchers: 4
• Forks: 28
• Open Issues: 24
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Portfolio

## Built using React and tools from GitHub Student Developer Pack.

![Header Image](./mainimage.png)

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](http://anupamdagar.com/GitHub-Education-Portfolio)

![landing page image](./landing.png)

## 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](https://levelup.gitconnected.com/create-a-portfolio-using-react-and-github-student-developer-pack-955379207855)

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).  

The Bootstrap template used in this tutorial is [https://github.com/BlackrockDigital/startbootstrap-resume](https://github.com/BlackrockDigital/startbootstrap-resume)