Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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)

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).