https://github.com/skyv26/hello-react-front-end

Familiar with Rails and React, it's time to put them together in a new kind of 'Hello World!' app. This exercise is going to have you create a React front-end with a Rails back-end and connect them to display a random message.
https://github.com/skyv26/hello-react-front-end

babel7 babelrc eslint frontend github-actions npm-module npm-scripts react react-hooks react-router reactjs redux redux-thunk redux-toolkit stylelinter webpack workflow

Last synced: 9 days ago
JSON representation

Familiar with Rails and React, it's time to put them together in a new kind of 'Hello World!' app. This exercise is going to have you create a React front-end with a Rails back-end and connect them to display a random message.

• Host: GitHub
• URL: https://github.com/skyv26/hello-react-front-end
• Owner: skyv26
• License: mit
• Created: 2023-01-24T17:23:22.000Z (almost 2 years ago)
• Default Branch: develop
• Last Pushed: 2023-01-25T16:35:13.000Z (almost 2 years ago)
• Last Synced: 2024-12-18T16:42:28.097Z (21 days ago)
• Topics: babel7, babelrc, eslint, frontend, github-actions, npm-module, npm-scripts, react, react-hooks, react-router, reactjs, redux, redux-thunk, redux-toolkit, stylelinter, webpack, workflow
• Language: JavaScript
• Homepage: https://hello-react-front-end.vercel.app
• Size: 364 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


# 📗 Table of Contents

- [📖 About the Project](#about-project)

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

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

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

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

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Deployment](#triangular_flag_on_post-deployment)

- [👥 Authors](#authors)

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

- [💻 Backend Repository](#backend-repo)

- [🤝 Contributing](#contributing)

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

- [📝 License](#license)

# 📖 Hello-React-Front-End 

> Describe your project in 1 or 2 sentences.

**Hello_React_Front_End** is a learning react app where with the help of `reduxjs/toolkit` data will get from an API implemented on rails.

## 🛠 Built With 

### Tech Stack 

> This project is made using technologies as follows:

  Client

  


    
React.js

  


### Key Features 

- **On refresh page get a random greeting**

(back to top)


## 🚀 Live Demo 

- [Live Demo Link](https://hello-react-front-end.vercel.app/)

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

Example command:

```

 npm i

 npm start

```

### Setup

Clone this repository to your desired folder:

Example command:

```

  git clone https://github.com/skyv26/hello-react-front-end.git

  cd hello-react-front-end

```

### Install

Install this project with:

```

  npm i

```

### Usage

To build the project, execute the following command:

Example command:

```

  npm run build

```

### Deployment

You can deploy this project using:

Example:

```

Netlify

Gh-Pages

Vercel

```

(back to top)


## 👥 Authors 

👤 **Aakash**

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

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

- LinkedIn: [skyv2022](https://linkedin.com/in/skyv2022)

(back to top)


## 🔭 Future Features 

- [ ] **SignUp and Login**

- [ ] **Authentication and Authorization**

- [ ] **Pages**

(back to top)


## 💻 Back-end Repository 

- [Click Here](https://github.com/skyv26/hello-rails-back-end)

- Clone this repository to your desired folder:

- Example command:

  ```

    git clone https://github.com/skyv26/hello-rails-back-end.git

    cd hello-rails-back-end

  ```

## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

Please give star

(back to top)


## 📝 License 

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

_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._

(back to top)