Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rileymanda/githubportfolio

A Work In Progress github portfolio project built with react+vite, meticulously crafted to display public repositories from my github account utilizing the github Api.
https://github.com/rileymanda/githubportfolio

githubapi prop-types react-bootstrap react-jest react-router react-testing-library react-vite3 reactjs-components vite3

Last synced: about 1 month ago
JSON representation

A Work In Progress github portfolio project built with react+vite, meticulously crafted to display public repositories from my github account utilizing the github Api.

Awesome Lists containing this project

README 

        






  logo

  



  
RileysPortfolio






# 📗 Table of Contents



- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

    - [🚀 Live Demo](#live-demo)

    

- [💻 Getting Started](#getting-started)

  - [Prerequisites](#prerequisites)

  - [Setup](#setup)

  - [Install](#install)

  - [Usage](#usage)

  - [Run tests](#run-tests)

  - [Deployment](#deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🀝 Contributing](#contributing)

- [⭐ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [❓ FAQ (OPTIONAL)](#faq)

- [📝 Attribution](#attribution)

- [📝 License](#license)



# 📖 RileysPortfolio 



A Work In Progress github portfolio project built with react+vite, meticulously crafted to display public repositories from my github account utilizing the github Api.

 



## 🛠 Built With 



### Tech Stack 



  React

  



  Redux-toolkit

  



  Axios

  



  Node js

  



  Localstorage

  



  Linters and Worflows

  



 

  Rest-API

  



 

  React Bootstrap

  



 

  React Testing Library

  



## 🛠 Key Features 

### Features 



>Projects



>Work experience



>Skills



>Contact component





(back to top)



 ## 🚀 Live Demo 



- [Live Demo](https://rileysportfolio.onrender.com/)



(back to top)



## 💻 Getting Started 



To get a local copy up and running, follow these steps.



### Prerequisites



In order to run this project you need:



### Setup



Clone this repository to your desired folder:



```sh

cd my-folder

git clone https://github.com/RileyManda/rileysportfolio.git

```



### Install



Install this project with:



```sh

  cd my-project

  npm i

```



### Usage



To run the project, execute the following command:



```sh

  npm run dev

```



### Run tests



To run tests, run the following command:



```sh

  npm test

```



### Deployment



You can deploy this project using:



```sh

    npm run build

```

 ```sh

    gh-pages deploy --dist build

```



(back to top)



## 👥 Authors 



👀 **RileyManda**



- GitHub: [@RileyManda](https://github.com/RileyManda)

- Twitter: [@rilecodez](https://twitter.com/rileycodez)

- LinkedIn: [rileymanda](https://www.linkedin.com/in/rileymanda/)



(back to top)



## 🔭 Future Features 



> Mobile Version



> Implement Media Queries For Mobile Responsiveness



(back to top)



## 🀝 Contributing 



Contributions, issues, and feature requests are welcome!



Feel free to check the [issues page](https://github.com/RileyManda/rileysportfolio/issues).



(back to top)



## Show your support 🌟



Thank you for taking the time to explore this project! Your support means a lot to me. If you find my project valuable and would like to contribute, here is one way you can support me:



 - Star the project ⭐: Show your appreciation by starring this GitHub repository. It helps increase visibility and lets others know that the project is well-received.



 - Fork the project 🍎 🎣: If you're interested in making improvements or adding new features, feel free to fork the project. You can work on your own version and even submit pull requests to suggest changes.



 - Share with others 🗺: Spread the word about this project. Share it on social media, mention it in relevant forums or communities, or recommend it to colleagues and friends who might find it useful.



(back to top)



## 🙏 Acknowledgments 



I would like to express my gratitude to the following individuals and organizations who have contributed to this project and my development journey:



- [Microverseinc](https://github.com/microverseinc): I extend my sincere appreciation for their exceptional introductory materials on React and Redux, which served as the foundation for this project.



- [Linter and Git Workflows Setup](https://github.com/RileyManda/linter-config): This project benefited greatly from the setup inspired by Microverseinc's [template](https://github.com/microverseinc/linters-config/tree/master/react-redux). I've incorporated it not only into this project but also across all my other projects. It ensures impeccable code quality and precise adherence to syntax standards in CSS, JSX, and JavaScript.



Your contributions have been instrumental in the success of this project, and I'm thankful for the knowledge and resources you've provided.



(back to top)



## ❓ FAQ 



- **Question_1**



  Do I have to use the vs code specifically?



  - Answer_1



    You can use any code editor of your choice. 



- **Question_2**



  Where can I download node JS for installation?



  - Answer_2



  Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

  It can be downloaded [here](https://nodejs.org/en).



(back to top)



## 👥 Attribution 

- Original logo design template from: [Svgrepo](https://www.svgrepo.com/)



## 📝 License 



[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](./LICENSE)



(back to top)