Hello React Front-End

📗 Table of Contents

📖 Hello React Front-En

The Hello React Front-End is a student project. The goal is to integrate the React front-end with the Rails back-end for one versatile monolithic app that can be hosted from a single source.

While there are different ways to achieve this, in Hello React Front-End I create two separate apps (React front-end with a Rails back-end) and connect them to display a random message.

This repo consumes API data from Hello Rails Back-End project.

🛠 Built With

Tech Stack

Client
Server
Database

Key Features

  • use Ruby on Rails for back-end of the project
  • use React framework for front-end of the project
  • develop project in two separate repositories

(back to top)

🚀 Live Demo

  • There is no Demo for this student project.

(back to top)

💻 Getting Started

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

Prerequisites

In order to run this project you need:

  • GitHub account;
  • Git installed on your OS;
  • VSCode (or another code editor);
  • modern browser (supporting HTML5 and CSS3) is highly recommended;
  • Node.js and npm installed.

Setup

Clone this repository to your desired folder:

Login to your GitHub account. Clone this repository to your desired folder:

cd my-folder git clone git@github.com:arnoldnekemiah/hello-react-front-end.git

This project was bootstrapped with Create React App.

Install

Install the dependencies:

npm install

Usage

To run the app in the development mode"."

npm start

Open http://localhost:3000 to view it in your browser. The page will reload when you make changes. You may also see any lint errors in the console.

Run tests

You can check linter errors by running these commands:

npx eslint "/*.{js,jsx}" npx stylelint "/*.{css,scss}"

(back to top)

👥 Authors

👤 Ikonde Nekemiah Arnold

(back to top)

🔭 Future Features

  • add new routes and components
  • add styles
  • deploy the project

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project just star it!

(back to top)

🙏 Acknowledgments

I would like to thank the Microverse program for the knowledge and skills I have acquired in Modules 1-5.

I am grateful to all previous project reviewers for their advice. Thanks to them I could build this app.

(back to top)

📝 License

This project is MIT licensed.

(back to top)