https://github.com/od-c0d3r/hello-react-front-end

Project with a React front-end and Rails back-end and connect them to display a random message.
https://github.com/od-c0d3r/hello-react-front-end

Last synced: about 2 months ago
JSON representation

Project with a React front-end and Rails back-end and connect them to display a random message.

• Host: GitHub
• URL: https://github.com/od-c0d3r/hello-react-front-end
• Owner: od-c0d3r
• Created: 2022-03-09T12:09:43.000Z (almost 3 years ago)
• Default Branch: develop
• Last Pushed: 2022-03-09T17:29:17.000Z (almost 3 years ago)
• Last Synced: 2024-10-21T19:03:01.341Z (2 months ago)
• Language: CSS
• Size: 344 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

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

# Hello React Frontend

> Pull Request Link: https://github.com/od-c0d3r/hello-react-front-end/pull/1

> 

> Project with a React front-end and Rails back-end and connect them to display a random message. 

## Built With

- React, Redux, Routers ~ _Javascript Libraries_ 

## Getting Started

To get a local copy up and running follow these simple example steps

- From your terminal enter in sequence

  - `git clone https://github.com/od-c0d3r/hello-react-front-end`

  - `code hello-react-front-end`

  - Locate to `./src/redux/message/messageSlice.js` and put your rails server URL and PORT following with the end-point `/api/greeting` \

  For example : `http://localhost:3000/api/greeting`

### Available Scripts

In the project directory, you can run:

- #### `npm install`

  - Install the project dependencies.

- #### `npm start`

  - Runs the app in the development mode.\

Open `http://localhost:PORT` to view it in your browser.

  - The page will reload when you make changes.\

You may also see any lint errors in the console.

## Coders

👤 **Omar Rashad**

- GitHub: [@od-c0d3r](https://github.com/githubhandle)

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

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

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

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

-  [simplecss](https://simplecss.org/) ~ for using their simple css.

## License

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

## 📝 Todo

- Spinner for pending state