https://github.com/hombre2014/hello-react-front-end
https://github.com/hombre2014/hello-react-front-end
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/hombre2014/hello-react-front-end
- Owner: Hombre2014
- Created: 2022-05-05T10:14:34.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2022-05-05T15:16:07.000Z (about 3 years ago)
- Last Synced: 2025-02-01T03:16:37.792Z (4 months ago)
- Language: JavaScript
- Size: 312 KB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Set up a "Hello world" project with two apps
> React with ReduxToolkit on the front end.
## Hello-react-front-end part of the project
This project will consist of two separate apps:
- hellp-react-front-end (this one)
- hello-rails-back-end. The back-end repo is [here](https://github.com/Hombre2014/hello-rails-back-end)
## Description
This project is going to have a React front-end with a Rails back-end and connect them to display a random message.
## Project requirements
The project requirements can be viewed [here](https://github.com/microverseinc/curriculum-rails/blob/main/connect-frontend-frameworks/hello_world_two_apps.md)
## Built With
- Languages: JavaScript
- Framework: React, Redux
- Tools: ReduxToolkit
### To start the back end, do the following:
#### Usage
Run the following commands:
`git clone https://github.com/Hombre2014/hello-rails-back-end`
`cd hello-rails-back-end`
`bundle install`
`rails s`
Open a browser and go to: `https://localhost:3000` to view the app.
#### Database setup
`cd hello-rails-back-end`
`rails db:create db:migrate db:seed`
### To start the front end, do the following:
Run the following commands:
`git clone https://github.com/Hombre2014/hello-react-front-end`
`npm install`
`npm start`
The WebDev server will ask you to change the port 3000, since it is already ocupied by the Rails server. Type "Y" and continue. The WebDev server will run on port 3001 and will open a new browser loading the home page.
## Author
👤 **Yuriy Chamkoriyski**
- GitHub: [@Hombre2014](https://github.com/Hombre2014)
- Twitter: [@Chamkoriyski](https://twitter.com/Chamkoriyski)
- LinkedIn: [axebit](https://linkedin.com/in/axebit)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Hombre2014/hello-react-front-end/issues).
## Show your support
Give a ⭐️ if you like this project!
## 📝 License
This project is [MIT](./license.md) licensed.