https://github.com/kanzatahreem/hello-react-frontend

It is an implementation of a connection between Ruby on Rails and React. Hello React Frontend handles the frontend UI to display a random greeting message and Hello Rails Backend handles the backend API.
https://github.com/kanzatahreem/hello-react-frontend

frontend-app javascript reactjs redux webpack

Last synced: 3 months ago
JSON representation

It is an implementation of a connection between Ruby on Rails and React. Hello React Frontend handles the frontend UI to display a random greeting message and Hello Rails Backend handles the backend API.

• Host: GitHub
• URL: https://github.com/kanzatahreem/hello-react-frontend
• Owner: KanzaTahreem
• License: mit
• Created: 2023-02-22T09:58:17.000Z (over 3 years ago)
• Default Branch: dev
• Last Pushed: 2023-04-13T17:47:45.000Z (about 3 years ago)
• Last Synced: 2025-01-08T22:38:16.255Z (over 1 year ago)
• Topics: frontend-app, javascript, reactjs, redux, webpack
• Language: JavaScript
• Homepage:
• Size: 359 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![](https://img.shields.io/badge/Microverse-blueviolet)



# 📗 Table of Contents

- [📗 Table of Contents](#-table-of-contents)

- [📖 Hello React Frontend ](#-hello-react-frontend-)

  - [🛠 Built With ](#-built-with-)

    - [Tech Stack ](#tech-stack-)

    - [Key Features ](#key-features-)

  - [🚀 Live Demo ](#-live-demo-)

  - [💻 Getting Started ](#-getting-started-)

    - [Prerequisites](#prerequisites)

    - [Setup](#setup)

    - [Install](#install)

    - [Usage ](#usage-)

    - [Run tests](#run-tests)

    - [Deployment](#deployment)

  - [👥 Author ](#-author-)

  - [🔭 Future Features ](#-future-features-)

  - [🤝 Contributing ](#-contributing-)

  - [⭐️ Show your support ](#️-show-your-support-)

  - [🙏 Acknowledgments ](#-acknowledgments-)

  - [📝 License ](#-license-)

# 📖 Hello React Frontend 

**Hello React Frontend** is an implemention of a connection between Ruby on Rails back-end and React front-end. [Hello Rails Backend](https://github.com/KanzaTahreem/Hello-Rails-Backend) handles the backend API, and [Hello React Frontend](https://github.com/KanzaTahreem/Hello-React-Frontend) handles the frontend UI to display a random greeting message.

## 🛠 Built With 

### Tech Stack 

  Client

  
 

    
Linters

    
React

    
Redux

  


  Server

  


    
ROR

  


### Key Features 

- Display a random greeting message

(back to top)


## 🚀 Live Demo 

- N/A

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

- [API](https://github.com/KanzaTahreem/Hello-Rails-Backend)

- [git](https://git-scm.com/)

- [node.js](https://nodejs.org/en/)

- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

### Setup

Clone this repository to your desired folder:

```

  git clone git@github.com:KanzaTahreem/Hello-React-Frontend.git

  cd Hello-React-Frontend 

```

### Install

Install thr project dependencies with:

```

  npm install

```

### Usage 

To run the project, execute the following command:

```

  npm start

```

### Run tests

To run the test, execute the following command:

```

  npm test

```

### Deployment

You can deploy this project using:

```

  npm run deploy

```

(back to top)


## 👥 Author 

 

👤 **Kanza Tahreem**

- GitHub: [@KanzaTahreem](https://github.com/KanzaTahreem)

- Twitter: [@kanza_tahreem](https://twitter.com/kanza_tahreem)

- LinkedIn: [kanza-tahreem](https://www.linkedin.com/in/kanza-tahreem/)

(back to top)


## 🔭 Future Features 

- Add more greeting messages.

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/KanzaTahreem/Hello-React-Frontend/issues).

(back to top)


## ⭐️ Show your support 

If you like this project, please give it a star ✨

(back to top)


## 🙏 Acknowledgments 

Thank you to microverse for giving me the opportunity to learn and grow as a developer.

(back to top)


## 📝 License 

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

(back to top)