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

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

Now that we're familiar with Rails and React, it's time to put them together in a new kind of 'Hello World!' app. This exercise is going to create a React front-end with a Rails back-end and connect them to display a random message.
https://github.com/juandbta/hello-react-front-end

Last synced: 3 months ago
JSON representation

Now that we're familiar with Rails and React, it's time to put them together in a new kind of 'Hello World!' app. This exercise is going to create a React front-end with a Rails back-end and connect them to display a random message.

Awesome Lists containing this project

README

        

"Hello world" FRONT END

# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# 📖 "Hello world" FRONT END

**["Hello world" FRONT END]** Now that we're familiar with Rails and React, it's time to put them together in a new kind of 'Hello World!' app. This exercise is going to create a React front-end with a Rails back-end and connect them to display a random message.

Here is the link to my [Rails Back End App](https://github.com/JuanDBta/hello-rails-back-end)

## 🛠 Built With
1- REACT

2- REDUX TOOLKIT

### Tech Stack

Client



  • GitHub


  • YouTube


  • Microverse

### Key Features

- **[Added App.js]**
- **[Added App.css]**
- **[Added index.css]**
- **[Added index.js]**
- **[Added /src]**
- **[Added /public]**
- **[Added /src/components]**
- **[Added /src/redux]**
- **[Added /src/test]**
- **[Added linters]**

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

Web Browser (Chrome recommended)

Code editor (VS recommended)

GitHub account

Node.js environment

### Setup

Clone this repository to your desired folder:

```sh
cd my-folder
git clone "https://github.com/JuanDBta/hello-react-front-end.git"
```
### Install

Install this project executing the following command:

```sh
npm install
```

### Usage

To run the project, go to /met-art-app directory and execute the following command:

```sh
npm start
```

(back to top)

## 👥 Authors

👤 **Micronaut JUAN DAVID DIAZ**

- GitHub: [@JuanDBta](https://github.com/JuanDBta)
- Twitter: [@simplebetsas](https://twitter.com/simplebetsas)
- LinkedIn: [LinkedIn](https://linkedin.com/in/simplebet/)

(back to top)

## 🔭 Future Features

- [ ] **[Add Animations and Awsome Styling]**

(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, please give me a like, it doesn't cost you anything and it helps me a lot to keep working.

(back to top)

## 🙏 Acknowledgments

I would like to thank Bee in Student Success who is always avalaible to solve issues and Microverse for push us to work hard every day!

(back to top)

## 📝 License

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

(back to top)