https://github.com/alejandroq12/rails-react-frontend-two-app-template
The "Rails and React Front-end - Webpack Two App Template" project serves as a blueprint for developing full-stack applications. This component is the frontend, created using React.js and Redux, designed to be integrated with the backend found here: https://github.com/Alejandroq12/rails-react-backend-two-app-template
https://github.com/alejandroq12/rails-react-frontend-two-app-template
css3 hmtl5 reactjs redux redux-thunk redux-toolkit
Last synced: about 1 month ago
JSON representation
The "Rails and React Front-end - Webpack Two App Template" project serves as a blueprint for developing full-stack applications. This component is the frontend, created using React.js and Redux, designed to be integrated with the backend found here: https://github.com/Alejandroq12/rails-react-backend-two-app-template
- Host: GitHub
- URL: https://github.com/alejandroq12/rails-react-frontend-two-app-template
- Owner: Alejandroq12
- License: mit
- Created: 2024-03-08T20:43:25.000Z (12 months ago)
- Default Branch: dev
- Last Pushed: 2024-03-09T08:23:04.000Z (12 months ago)
- Last Synced: 2024-11-10T22:36:33.243Z (3 months ago)
- Topics: css3, hmtl5, reactjs, redux, redux-thunk, redux-toolkit
- Language: JavaScript
- Homepage:
- Size: 428 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Rails-React-frontend-Webpack-two-app-template
Rails and React Front-end - Webpack Two App Template
# 📗 Table of Contents
- [Rails-React-frontend-Webpack-two-app-template](#rails-react-frontend-webpack-two-app-template)
- [📗 Table of Contents](#-table-of-contents)
- [📖 Rails and React Front-end - Webpack Two App Template. ](#-rails-and-react-front-end---webpack-two-app-template-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Run linter](#run-linter)
- [Deployment](#deployment)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [❓ FAQ ](#-faq-)
- [📝 License ](#-license-)
- [📝 Project journal ](#-project-journal-)
# 📖 Rails and React Front-end - Webpack Two App Template.
The "Rails and React Front-end - Webpack Two App Template" project serves as a blueprint for developing full-stack applications. This component is the frontend, created using React.js and Redux, designed to be integrated with the backend found here:
[Ruby on Rails back-end](https://github.com/Alejandroq12/rails-react-backend-two-app-template)
- **It uses Redux to fetch data from a Ruby on Rails API.**
- **A template for creating future projects.**
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
[Install Ruby](https://www.ruby-lang.org/en/documentation/installation/)
### Setup
```sh
cd my-folder
git clone https://github.com/Alejandroq12/rails-react-frontend-two-app-template.git
```
### Install
Install all necessary dependencies listed in the `Gemfile`.
```sh
npm install
```
### Usage
To run the project, navigate to the project directory and execute the following command:
```sh
npm start
```
### Run tests
Tests will be available soon!
### Run linter
To run linters, run the following command:
```sh
npx stylelint "**/*.{css,scss}"
```
```sh
npx eslint "**/*.{js,jsx}"
```
### Deployment
It does not apply because it is a template.
👤 **Julio Quezada**
- GitHub: [Alejandroq12](https://github.com/Alejandroq12)
- Twitter: [@JulioAle54](https://twitter.com/JulioAle54)
- LinkedIn: [Julio Quezada](https://www.linkedin.com/in/quezadajulio/)
- [ ] **You may use this template to create your own projects.**
Contributions, [issues](https://github.com/Alejandroq12/rails-react-frontend-two-app-template/issues), and feature requests are welcome!
If you like this project please give a star.
Thanks in advance.
Thank you to all my colleagues who always inspire me to more than my best.
**What did you learn?**
I learned how to set up a full-stack project template using Ruby on Rails, React.js, Redux, PostgreSQL, and Webpack, which is very important foundational knowledge for understanding more about these technologies and their interplay.
This project is [MIT](./LICENSE) licensed.
This project is [project journal](./PROJECT_JOURNAL.md).