Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jamesrobionyrogers/my-portfolio
This is my web portfolio application build in React, utilising GitHub's API
https://github.com/jamesrobionyrogers/my-portfolio
github-api personal-project portfolio react
Last synced: about 1 month ago
JSON representation
This is my web portfolio application build in React, utilising GitHub's API
- Host: GitHub
- URL: https://github.com/jamesrobionyrogers/my-portfolio
- Owner: JamesRobionyRogers
- Created: 2023-01-28T02:36:10.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-19T05:05:26.000Z (over 1 year ago)
- Last Synced: 2024-11-06T01:49:43.622Z (3 months ago)
- Topics: github-api, personal-project, portfolio, react
- Language: JavaScript
- Homepage: https://jamesrobionyrogers.netlify.app
- Size: 8.28 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[![Contributors][contributors-shield]][contributors-url] [![Forks][forks-shield]][forks-url] [![Stargazers][stars-shield]][stars-url] [![Issues][issues-shield]][issues-url] [![MIT License][license-shield]][license-url]
My Portfolio
January 2023
My personal portfolio website to showcase my skills, experience and pervious projects.
___
## Overview
I have always wanted my own website and as an up and coming developer I thought that it would be a good opertunity to not only progress my skills with a personal project but also to make something that I can use to present my past and future projects through.
I had previously made a [prototype static portfolio](https://github.com/JamesRobionyRogers/HTML-Portfolio) using HTML. I wanted to get gain experience working with external data sources by displaying my pinned repositories using Github's API. To accomplish this, I decided to migrate my portfolio to React.
## Built With
* **Framework:** [React.js](https://reactjs.org)
* **Styling:** [Bootstrap](https://getbootstrap.com) **&** [SCSS](https://sass-lang.com)
* **API** [Github GraphQL](https://docs.github.com/en/graphql)
* **Alert Library:** [Sweet Alert Library](https://sweetalert2.github.io)
## File Tree
- `src/assets` - Contains image & PDF assest
- `src/components` - Small components used to make up the sections
- `src/sections` - Sections of the portfolio, such as Header, Skills, Projects...
### Running Locally
1. Clone the repo using Git
```sh
gh repo clone JamesRobionyRogers/My-Portfolio
```
2. Run the app in developmet mode
```sh
npm start
```
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
## View Project
## Further Development
Throughout the project I have been tracking features and firther development using Jira. Here are some of the features I am yet to work on:
- [ ] Implement animations using [Framer Motion](https://www.framer.com/motion/?utm_source=google&utm_medium=adwords&utm_campaign=TW-WW-All-GS-UA-Traffic-20190326-Brand.Bmm_)
- [ ] Use Dev.to API to display blog posts
- [ ] Migrate to Typescript - Here is a [blog post](https://www.sitepoint.com/how-to-migrate-a-react-app-to-typescript/) to help
[contributors-shield]: https://img.shields.io/github/contributors/jamisbuggerlugs/Spaced-Repitition-Software-Website.svg?style=flat-square
[contributors-url]: https://github.com/JamisBuggerlugs/Spaced-Repitition-Software-Website/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/JamisBuggerlugs/Spaced-Repitition-Software-Website.svg?style=flat-square
[forks-url]: https://github.com/JamisBuggerlugs/Spaced-Repitition-Software-Website/network/members
[stars-shield]: https://img.shields.io/github/stars/JamisBuggerlugs/Spaced-Repitition-Software-Website.svg?style=flat-square
[stars-url]: https://github.com/JamisBuggerlugs/Spaced-Repitition-Software-Website/stargazers
[issues-shield]: https://img.shields.io/github/issues/JamisBuggerlugs/Spaced-Repitition-Software-Website.svg?style=flat-square
[issues-url]: https://github.com/JamisBuggerlugs/Spaced-Repitition-Software-Website/issues
[license-shield]: https://img.shields.io/github/license/JamisBuggerlugs/Spaced-Repitition-Software-Website.svg?style=flat-square
[license-url]: https://github.com/JamisBuggerlugs/Spaced-Repitition-Software-Website/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=flat-square&logo=linkedin&colorB=555
[linkedin-url]: https://www.linkedin.com/in/james-robiony-rogers-447b28237/
[product-screenshot]: imgs/readme-assets/desktop-home-light.png