ahzamir / hello-react-front-end Goto Github PK

I created this react app to practice back-end using rails and front-end using react by using my hello-rails-back-end API endpoint to greet people.

• Frontend: React-Redux
• Backend: Ruby on Rails
• Linter: Rubocop
• Code Editor: VS Code
• Database: PostgreSQL

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

1- Clone both repositories:

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

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

2- Go to the repository folder of hello-rails-back-end in your command prompt:

$ cd hello-rails-back-end

3- You might need to install dependecies with:

$ bundle install

4- Go to command line and run the command below for the live server:

$ rails server

5- Go to the repository folder of hello-react-front-end in your command prompt:

$ cd hello-react-front-end

6- You might need to install dependecies with:

$ yarn install

OR

$ npm install

7- Go to command line and run the command below for the live server:

$ yarn start

OR

$ npm start

• A web browser like Google Chrome.
• A code editor like Visual Studio Code.
• A terminal to run the code.
• Ruby installed on your computer.
• Rails installed on your computer.
• Node.js installed on your computer.
• PostgreSQL installed on your computer.
• Yarn installed on your computer.
• Git installed on your computer.

You can check if Git is installed by running the following command in the terminal.

$ git --version

Likewise for Ruby installation.

$ ruby --version && irb

To install rails, in the terminal kindly run this command

$ gem install rails

To check if node is installed, kindly run this command in the terminal.

$ node --version

To check if yarn is installed, kindly run this command in the terminal.

$ yarn --version

To check if PostgreSQL is installed, kindly run this command in the terminal.

$ psql --version

👤 Ahmad Zamir Yousufi

• GitHub: @ahzamir.
• Twitter: @YousufiZamir
• LinkedIn: ahmad-zamir-yousufi

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Give a ⭐️ if you like this project!

-Thank you to Microverse Inc.

This project is MIT licensed.