https://github.com/indiecodermm/hello-react-front-end
Frontend app for the greeting app
https://github.com/indiecodermm/hello-react-front-end
Last synced: 11 months ago
JSON representation
Frontend app for the greeting app
- Host: GitHub
- URL: https://github.com/indiecodermm/hello-react-front-end
- Owner: IndieCoderMM
- License: mit
- Created: 2023-05-16T09:09:09.000Z (almost 3 years ago)
- Default Branch: dev
- Last Pushed: 2023-05-17T04:33:16.000Z (almost 3 years ago)
- Last Synced: 2025-01-16T00:08:20.220Z (about 1 year ago)
- Language: JavaScript
- Size: 220 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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.
## 📂 Backend Repository
The backend repository for the Greeting App can be found at [hello-rails-back-end](https://github.com/indiecodermm/hello-rails-back-end). It contains the server-side code and creates the necessary API endpoint.
The frontend is built using the following technologies:
- React
- Redux Toolkit
- React Router
- Fetch data from API
- Display random greeting message
- Responsive design
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 git@github.com:IndieCoderMM/hello-react-front-end.git .
```
### 📥 Installation
Install the dependencies with:
```sh
npm install
```
### 💻 Usage
To run the development server, execute the following command:
```sh
npm start
```
I am always looking for ways to improve my project. If you have any suggestions or ideas, I would love to hear from you.
**Hein Thant**
[](https://github.com/IndieCoderMM)
[](https://linkedin.com/in/hthantoo)
[](mailto:hthant00chk@gmail.com)
- [ ] Add more features
Contributions, issues, and feature requests are welcome!
If you like this project, please consider giving it a ⭐.
## 🙏 Acknowledgements
I would like to thank all code reviewers for making this project better.
This project is [MIT](./LICENSE) licensed.