Giter VIP home page Giter VIP logo

rileymanda / githubportfolio Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 0.0 4.74 MB

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.

Home Page: https://rileysportfolio.onrender.com/

License: MIT License

JavaScript 99.57% HTML 0.04% CSS 0.39%
prop-types react-jest react-testing-library react-vite3 react-bootstrap react-router reactjs-components vite3 githubapi

githubportfolio's Introduction

logo

RileysPortfolio

๐Ÿ“— Table of Contents

๐Ÿ“– 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

(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:

cd my-folder
git clone https://github.com/RileyManda/rileysportfolio.git

Install

Install this project with:

  cd my-project
  npm i

Usage

To run the project, execute the following command:

  npm run dev

Run tests

To run tests, run the following command:

  npm test

Deployment

You can deploy this project using:

    npm run build
   gh-pages deploy --dist build

(back to top)

๐Ÿ‘ฅ Authors

๐Ÿ‘ค 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.

(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: 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: This project benefited greatly from the setup inspired by Microverseinc's template. 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.

(back to top)

๐Ÿ‘ฅ Attribution

  • Original logo design template from: Svgrepo

๐Ÿ“ License

MIT License

(back to top)

githubportfolio's People

Contributors

rileymanda avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

githubportfolio's Issues

ProjectsComponent

Create a component with visually pleasing cards that will act as a gallery of all projects completed.

Project setup

Setup project with create vite.
Setup linters,
Setup GitHub repository according to git-flow rules(set dev as default branch),
Set up react-testing library, jest,react-bootstrap.

AnimationComponent

Implement scroll animation
Implement Hover animation
Implement animation to cards
Implement animation illustrations to banner carousel

Footer Component

Create footer component with social links and contact information

HomeComponent

banner component
Implement progress loader
brief introductory summary.

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.