Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/besufekad-haz/hello-react-front-end-app
The Hello React greeting Front-End App is a simple web application that demonstrates the integration of a React front-end with a Ruby on Rails back-end. It fetches random greetings from the Hello Rails Back-End project and displays them to the user.
https://github.com/besufekad-haz/hello-react-front-end-app
Last synced: 16 days ago
JSON representation
The Hello React greeting Front-End App is a simple web application that demonstrates the integration of a React front-end with a Ruby on Rails back-end. It fetches random greetings from the Hello Rails Back-End project and displays them to the user.
- Host: GitHub
- URL: https://github.com/besufekad-haz/hello-react-front-end-app
- Owner: Besufekad-HAZ
- License: mit
- Created: 2023-09-20T17:00:32.000Z (over 1 year ago)
- Default Branch: development
- Last Pushed: 2023-10-29T11:08:08.000Z (about 1 year ago)
- Last Synced: 2024-12-15T01:29:08.370Z (30 days ago)
- Language: JavaScript
- Size: 113 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Table of Contents
- [👋 Greeting-App](#-Greeting-App)
- [📂 Frontend Repository](#-frontend-repository)
- [🧰 Tech Stack ](#-tech-stack--)
- [✨ Key Features ](#-key-features--)
- [📘 Getting Started ](#-getting-started--)
- [📋 Prerequisites](#-prerequisites)
- [📂 Setup](#-setup)
- [📥 Installation](#-installation)
- [📦 Build](#-build)
- [💻 Usage](#-usage)
- [👨🚀 Author ](#-author--)
- [🎯 Future Features ](#-future-features--)
- [🤝 Contribution ](#-contribution--)
- [💖 Show Your Support ](#-show-your-support--)
- [🙏 Acknowledgements](#-acknowledgements)
- [📜 License ](#-license-)
# 👋 Greeting App (Back-end)
Greeting App: A React front-end app that displays random greetings fetched from a Rails API. Learn how to combine the efficiency of React with the scalability of Rails to build dynamic web applications.
## 📂 Backend Repository
The backend repository for the Greeting App can be found at [hello-rails-backend](https://github.com/Besufekad-HAZ/hello-rails-backend-app). It contains the server-side code and creates the necessary API endpoint.
- React
- Redux Toolkit
- React Router
- Fetch data from API
- Display random greeting message
- Responsive design
To run this project locally, you'll need to follow these steps.
### 📋 Prerequisites
Make sure you have the following installed on your machine:
- [Node.js](https://nodejs.org/en/)
- [npm](https://www.npmjs.com/)
### 📂 Setup
Clone this repository to your desired foler.
```sh
cd my-project
git clone [email protected]:Besufekad-HAZ/hello-react-front-end-app.git
```
### 📥 Installation
Install the required gems with:
```sh
npm install
```
### 📦 Build
Build the front-end assets with:
```sh
npm run build
```
You can also set it to *watch mode* which automatically build after every changes. To start the *watch mode*, use:
```sh
npm run watch
```
### 💻 Usage
After building the assets, run the development server with the following command:
```sh
npm run dev
```
I am always looking for ways to improve my project. If you have any suggestions or ideas, I would love to hear from you.
- GitHub: [@Besufekad-HAZ](https://github.com/Besufekad-HAZ)
- Twitter: [@BesufekadAlemu7](https://twitter.com/BesufekadAlemu7)
- LinkedIn: [@besura](www.linkedin.com/in/besura)
- [ ] Add more features and components
Contributions, issues, and feature requests are welcome!
If you like this project, please consider giving it a ⭐.
## 🙏 Acknowledgements
I would like to thank the Microverse team for providing us this learning platform by building projects.
This project is [MIT](./LICENSE) licensed.