Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/heyitsjoealongi/react-axios-portfolio
Single-Page Application — React & Bootstrap Powered by Create React App (Template)
https://github.com/heyitsjoealongi/react-axios-portfolio
axios bootstrap react reactstrap
Last synced: 25 days ago
JSON representation
Single-Page Application — React & Bootstrap Powered by Create React App (Template)
- Host: GitHub
- URL: https://github.com/heyitsjoealongi/react-axios-portfolio
- Owner: heyitsjoealongi
- License: mit
- Created: 2022-02-27T17:48:02.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-23T04:35:46.000Z (8 months ago)
- Last Synced: 2024-10-06T14:41:59.614Z (about 1 month ago)
- Topics: axios, bootstrap, react, reactstrap
- Language: SCSS
- Homepage:
- Size: 89.8 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
![React Axios Portfolio Banner](https://raw.githubusercontent.com/heyitsjoealongi/react-axios-portfolio/master/public/react-axios-portfolio.png)
# React Axios Portfolio
![Version](https://img.shields.io/badge/version-1.0.0-blue.svg?cacheSeconds=2592000) [![License: MIT ](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/heyitsjoealongi/react-axios-portfolio/blob/master/LICENSE)
React Axios Portfolio for building web, design & project portfolios in React.js with Bootstrap utilizing [Next.js](https://vercel.com/) (Vercel) for simplified deployment with [Create React App](https://create-react-app.dev/) & [Node.js](https://nodejs.org/en/) configuration available by [Open Source](https://opensource.org/).
## Contents
- [About](#about)
- [Build](#build)
- [Overview](#overview)
- [Requirements](#requirements)
- [Installation](#installation)
- [Additional](#additional)## About
React Axios Portfolio is a template for React & Axios HTTP utilizing frameworks for quickly iterating and developing applications with Bootstrap and JSX.
![GitHub stars](https://img.shields.io/github/stars/heyitsjoealongi/react-axios-portfolio?style=social) ![Twitter Follow](https://img.shields.io/twitter/follow/heyitsjoealongi?label=Follow&style=social)
- Website: [heyitsjoealongi.com](https://heyitsjoealongi.com/)
- Twitter: [@heyitsjoealongi](https://twitter.com/heyitsjoealongi/)
- GitHub: [@heyitsjoealongi](https://github.com/heyitsjoealongi/)
- LinkedIn: [@heyitsjoealongi](https://www.linkedin.com/in/heyitsjoealongi/)## Build
React Axios Portfolio is built with modern frontend frameworks and adapts to screen sizes with ease. Captivating the elements and adaptive nature of Bootstrap in a lightweight framework that is the spirit of application development.
- [React.js](https://reactjs.org/)
- [Axios](https://axios-http.com/)
- [Node.js](https://nodejs.org/en/)
- [Yarn](https://yarnpkg.com/)## Overview
### Requirements
This project runs on Node.js while the DOM UI elements are established using React.js with modules from Bootstrap, Reactstrap while working within the Create React App framework, deployed on Next.js.
- React (v17.0.1)
- Axios (v0.26.0)
- Node (v16.3.0)
- Bootstrap (v4.5.3)
- Reactstrap (v8.7.1)### Installation
- **Option 1.)** [Download the latest version of this template from GitHub](https://github.com/heyitsjoealongi/react-axios-portfolio/archive/master.zip)
- **Option 2.)** Clone this repository```
git clone https://github.com/heyitsjoealongi/react-axios-portfolio.git
```- **Option 3.)** [Fork, Clone, or Download via GitHub Desktop](x-github-client://openRepo/https://github.com/heyitsjoealongi/react-axios-portfolio)
### Basic Usage
##### Install
```sh
yarn install
```##### Run
```sh
yarn run dev
```##### Build
```sh
yarn run build
```##### Upgrade
```sh
yarn upgrade-interactive --latest
```## Deploy
Create a [Vercel](https://vercel.com/) account, choose a project name, and connect a GitHub, GitLab, or BitBucket account to push to the master branch of the repository. Quickly deploy with a cloned version of the reposity.
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/project?template=https://github.com/heyitsjoealongi/react-axios-portfolio.git)
##### Option 1: Deploy from Repository
[Clone Repo](x-github-client://openRepo/https://github.com/heyitsjoealongi/react-axios-portfolio)
##### Option 2: Deploy from Git
[Git Link](https://vercel.com/import/git)
##### Additional: Configure Deploy
Configure your deploy branch, settings, and domain within [Vercel](https://vercel.com/).
##### Option 3: Deploy to Your Favorite Cloud
Built with [Create React App](https://create-react-app.dev/) means the freedom of deploying your application to any of the cloud providers of your choice, using the React framework.
## Additional
##### Bugs and Issues
Having an issue with the template? Report bugs & issues with React Axios Portfolio on GitHub via [Issues](https://github.com/heyitsjoealongi/react-axios-portfolio/issues). Fork, Pull, or Send an email over to join as a contributor! Join in on the open source conversation on [Twitter](https://twitter.com/heyitsjoealongi).
##### Acknowledgments
- [Create React App](https://create-react-app.dev/)
- [Bootstrap](https://getbootstrap.com/)
- [Reactstrap](https://reactstrap.github.io/)
- [SVGR](https://www.npmjs.com/package/@svgr/webpack)##### Additional Acknowledgments
- [Prettier](https://prettier.io/)
- [ESLint](https://eslint.org/)##### License
© 2022 React Axios Portfolio released via [MIT](https://opensource.org/licenses/MIT) license. Information on this license can be viewed as it applies to this repository on GitHub at [React Axios Portfolio License](https://github.com/heyitsjoealongi/react-axios-portfolio/blob/master/LICENSE).