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

https://github.com/libercosoft/hello-react-front-end

A simple react front-end
https://github.com/libercosoft/hello-react-front-end

Last synced: 10 months ago
JSON representation

A simple react front-end

Awesome Lists containing this project

README

          

# 📗 Table of Contents

- [📗 Table of Contents](#-table-of-contents)
- [📖 REACT FRONTEND APP ](#-react-frontend-app-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started ](#-getting-started-)
- [🚀 Building and Running for Production](#-building-and-running-for-production)
- [🚀 Testing Application](#-testing-application)
- [Install](#install)
- [👥 Author ](#-author-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [📝 License ](#-license-)
- [🙏 Acknowledgments ](#-acknowledgments-)

# 📖 REACT FRONTEND APP

**React Frontend App** is a simple app that displays a random message from a rails api.

## 🛠 Built With

### Tech Stack

Front-end

### Key Features

- **Display random message from a rails api**

(back to top)

## 🚀 Live Demo

[Coming Soon]('')

(back to top)

## 💻 Getting Started

> To start and run this project
```
npm install
```
```
npm start
```
```
visit http://localhost:5000
```
To get a local copy up and running, follow these steps.

If you installed git you can clone the code to your machine, or download a ZIP of all the files directly.

[Download the ZIP from this location](https://github.com/LIBERCOSOFT/hello-react-front-end/archive/refs/heads/development.zip), or run the following [git](https://git-scm.com/downloads) command to clone the files to your machine:

```bash
git clone https://github.com/LIBERCOSOFT/hello-react-front-end.git - for HTTP
git clone git@github.com:LIBERCOSOFT/hello-react-front-end.git - for SSH
```

- Once the files are on your machine, open the _hello-react-front-end_ folder in your preferred code editor e.g VS Code, Atom, etc. , and follow the steps in Installation & Set Up

## 🚀 Building and Running for Production

1. Generate a full static production build

```sh
npm run build
```

## 🚀 Testing Application

1. Test the items Counter and Comments Counter function

```sh
npm test
```

### Install

The following tools help make easier to work with sample code.

- [git](https://git-scm.com/downloads): A tool for managing source code
- [Visual Studio Code](https://code.visualstudio.com/): A source code editor
- [NVM](https://github.com/nvm-sh/nvm): A node package manager

(back to top)

## 👥 Author

👤 **Kolapo Precious Akinrinlola**

- GitHub: [LIBERCOSOFT](https://github.com/LIBERCOSOFT)
- Twitter: [@Gerfieldt](https://twitter.com/Gerfieldt)
- LinkedIn: [Kolapo Akinrinlola](https://linkedin.com/in/kolapo-akinrinlola)

## 🔭 Future Features
- [ ] **Implement More API Endpoints**
- [ ] **Integrate More User Interfaces**

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)

## ⭐️ Show your support

If you like this project do not forget to start the repository.

(back to top)

## 📝 License

This project is [MIT](./LICENSE) licensed.

(back to top)

## 🙏 Acknowledgments

- [Microverse](https://www.microverse.org/)

(back to top)