https://github.com/praisespjmt/hello-react-frontend
A demo app that set up as a client-side for a Rails app to manage frontend of the application running on both Ruby-on-Rails and React. The app display a ramdom message from the server using React component.
https://github.com/praisespjmt/hello-react-frontend
reactjs
Last synced: 2 months ago
JSON representation
A demo app that set up as a client-side for a Rails app to manage frontend of the application running on both Ruby-on-Rails and React. The app display a ramdom message from the server using React component.
- Host: GitHub
- URL: https://github.com/praisespjmt/hello-react-frontend
- Owner: PraisesPJMT
- License: mit
- Created: 2023-01-11T06:58:16.000Z (over 3 years ago)
- Default Branch: development
- Last Pushed: 2023-01-11T11:52:11.000Z (over 3 years ago)
- Last Synced: 2025-03-29T12:14:09.587Z (over 1 year ago)
- Topics: reactjs
- Language: JavaScript
- Homepage:
- Size: 348 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
- [📗 Table of Contents](#table-of-contents)
- [📖 Hello React Frontend](#about-project)
- [🛠 Built With ](#built-with)
- [Tech Stack ](#tech-stack)
- [Key Features ](#key-features)
- [💻 Getting Started ](#getting-started)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [👥 Authors ](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing ](#contributing)
- [⭐️ Show your support ](#️show-your-support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License ](#license)
> `Hello React Frontend` is a demo app that set up as a client-side for a `Rails`
> app to manage frontend of the application running on both `Ruby-on-Rails` and `React`.
> The app display a ramdom message from the server using `React` component
- `Hello Rails Backend` PR Link: [Backend APP PR](https://github.com/PraisesPJMT/Hello-Rails-Backend/pull/1)
- `Hello Rails Backtend` APP Link: [Backend App](https://github.com/PraisesPJMT/Hello-Rails-Backend)
> Here are the tech stacks applied in this project.
Language
Framework
Linters
Markup Languages
> The following a key features of the app
- **Created React **
- **Created React Redux store**
- **Created components to view random messages from a Rails API endpoint**
### Prerequisites
> The following applications are required to be installed for the project to run!
- Install Ruby on your computer (machine)
- Install a modern browser e.g [Google Chrome](https://www.google.com/chrome/), [Edge](https://www.microsoft.com/en-us/edge?r=1), [Firefox](https://www.mozilla.org/en-US/exp/firefox/new/) etc.
- Install [Node.js](https://nodejs.org/en/download/) LTS version
- Install [Git](https://git-scm.com/downloads)
### Setup
Clone this repository to your desired folder:
```sh
git clone git@github.com:PraisesPJMT/Hello-React-Frontend.git
cd Hello-React-Frontend
```
### Install
Install this project with:
```sh
npm install
```
### Usage
To run the project, execute the following command:
```sh
npm start
```
- After running `npm start`, use the app on [http://localhost:3000/](http://localhost:3000/) in the browser!
- For more information please visit [Ruby-on-Rails](https://rubyonrails.org/).
👤 **Praises Tula**
[](https://github.com/Paul-js-hub)
[](https://www.linkedin.com/in/praises-tula/)
[](https://twitter.com/PraisesPJMT/)
[](mailto:praisesmusa@gmail.com)
[](https://angel.co/u/praises-tula/)
> The following are features to be expected in the future
- [ ] **Connect to more API endpoints**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
Give a ⭐️ if you like this project!
> - Original UI design by [Gregorire Vella](https://www.behance.net/gregoirevella) on [Behance](https://www.behance.net/gallery/19759151/Snapscan-iOs-design-and-branding?tracking_source=).
> - Tip hart to you for checking this project out
This project is [MIT](./LICENSE) licensed.