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

https://github.com/ab-noori/hello-react-frontend

This project involves creating a Rails API app, setting up a PostgreSQL database to store five different greeting messages, and implementing an API endpoint to retrieve a random greeting from the database.
https://github.com/ab-noori/hello-react-frontend

Last synced: 8 months ago
JSON representation

This project involves creating a Rails API app, setting up a PostgreSQL database to store five different greeting messages, and implementing an API endpoint to retrieve a random greeting from the database.

Awesome Lists containing this project

README

          

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

> # Hello React Frontend

| Project Login Page |
|---------------------------------------|
|![Hello-React-Frontend-img](https://github.com/ab-noori/Hello-React-Frontend/assets/111179533/1791df4d-e8c4-4728-b047-255da97bbab7)|

# 📗 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)
- [Run tests](#run-tests)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# 📖 [Hello React Frontend]

> **[Hello-React-Frontend]** This project involves creating a Rails API app, setting up a PostgreSQL database to store five different greeting messages, and implementing an API endpoint to retrieve a random greeting from the database.
## 🛠 Built With

### Tech Stack

Client

Server

Database

### Key Features

- **[Ritreiving data from rails API endpoint]**
- **[Using react redux toolkit to handling request to API]**
- **[Displaying data on the webpage using react component]**

(back to top)

## 🔗 Back End Link
> _My [Hello Rails Backend](https://github.com/ab-noori/Hello-Rails-Backend) code is stored in a separate repository and is built using ruby on rails. The backend is responsible for processing data and handling API requests from the front end. To access our backend code, please click [here](https://github.com/ab-noori/Hello-Rails-Backend)._


(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:
- [Ruby on Rails](https://rubyonrails.org/) installed and running. To get more information, read the [installation guide](https://guides.rubyonrails.org/).

- [PostgreSQL](https://www.postgresql.org/) installed and running

(back to top)

##

### Setup

Clone this repository to your desired folder:

```sh
cd my-folder
https://github.com/ab-noori/Hello-React-Frontend.git
```

(back to top)

### Install

Install this project with:

```sh
cd EduPlanner-Frontend
npm install
```

(back to top)

### Usage

To run the project, execute the following command:

```sh
npm start
```

(back to top)

### Run tests

To run tests, run the following command:

```sh
npm test
```

(back to top)

## 👥 Authors

👤 **Abdul Ali Noori**

- GitHub: [@ab-noori](https://github.com/ab-noori)
- Twitter: [@AbdulAliNoori4](https://twitter.com/AbdulAliNoori4)
- LinkedIn: [abdulali-noori](https://www.linkedin.com/in/abdulali-noori)

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

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

(back to top)

## ⭐️ Show your support

If you like this project, give it a star.

(back to top)

## 🙏 Acknowledgments

I would like to thank Microverse and my coding partners.

(back to top)

## 📝 License

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

(back to top)