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

https://github.com/tanveerisonline/rails-react-frontend

This project is a frontend for my greeting app. The Greeting App is a simple web application built to demonstrate the implementation of a connection between a Ruby on Rails back-end and a React front-end.
https://github.com/tanveerisonline/rails-react-frontend

eslint gitflow react stylelint

Last synced: 2 months ago
JSON representation

This project is a frontend for my greeting app. The Greeting App is a simple web application built to demonstrate the implementation of a connection between a Ruby on Rails back-end and a React front-end.

Awesome Lists containing this project

README

        

Table of Contents

- [👋 Greeting App : Frontend](#-greeting-app--frontend)
- [📂 Backend Repository](#-backend-repository)
- [🧰 Tech Stack ](#-tech-stack--)
- [✨ Key Features ](#-key-features--)
- [📘 Getting Started ](#-getting-started--)
- [📋 Prerequisites](#-prerequisites)
- [📁 Setup](#-setup)
- [📥 Installation](#-installation)
- [💻 Usage](#-usage)
- [👨‍🚀 Author ](#-author--)
- [🎯 Future Features ](#-future-features--)
- [🤝 Contribution ](#-contribution--)
- [💖 Show Your Support ](#-show-your-support--)
- [🙏 Acknowledgements](#-acknowledgements)
- [📜 License ](#-license-)

# 👋 Greeting App: Frontend

**This project is a frontend for my greeting app.**

The Greeting App is a simple web application built to demonstrate the implementation of a connection between a Ruby on Rails back-end and a React front-end. It generates random greetings and serves as a learning tool for understanding the integration between these two technologies.

(back to top)

## 📂 Backend Repository

The backend repository for the Greeting App can be found at [hello-rails-back-end](https://github.com/tanveerisonline/rails-react-backend). It contains the server-side code and creates the necessary API endpoint.

(back to top)

## 🧰 Tech Stack

The frontend is built using the following technologies:

- React
- Redux Toolkit
- React Router

(back to top)

## ✨ Key Features

- Fetch data from API
- Display random greeting message
- Responsive design

(back to top)

## 📘 Getting Started

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

### 📁 Setup

Clone this repository to your desired foler.

```sh
cd my-project
git clone https://github.com/tanveerisonline/rails-react-frontend.
```

### 📥 Installation

Install the dependencies with:

```sh
npm install
```

### 💻 Usage

To run the development server, execute the following command:

```sh
npm start
```

(back to top)

## 👨‍🚀 Author

I am always looking for ways to improve my project. If you have any suggestions or ideas, I would love to hear from you.

**Tanveer Ahmad**

[![Github](https://img.shields.io/badge/GitHub-673AB7?style=for-the-badge&logo=github&logoColor=white)](https://github.com/tanveerisonline)
[![Linkedin](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/tanveerisonline/)
[![Gmail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:[email protected])

(back to top)

## 🎯 Future Features

- [ ] Add more features

(back to top)

## 🤝 Contribution

Contributions, issues, and feature requests are welcome!

(back to top)

## 💖 Show Your Support

If you like this project, please consider giving it a ⭐.

(back to top)

## 🙏 Acknowledgements

I would like to thank all code reviewers for making this project better.

(back to top)

## 📜 License

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

(back to top)