/hello-rails-front-end

This is a demo application to practically experience the API connection between a Rails API application and a React-Redux application. This repository only has the files necessary to create the front end of this demo application. The hello-rails-back-end repository consists of the files necessary for the SQL database and the API.

Primary LanguageJavaScriptMIT LicenseMIT

Hello React-Rails Frontend

📗 Table of Contents

📖 Project Name

Hello React-Rails Frontend

About this project

This is a demo application to practically experience the API connection between a Rails API application and a React-Redux application. This repository only has the files necessary to create the front end of this demo application. The hello-rails-back-end repository consists of the files necessary for the SQL database and the API.

🛠 Built With

  • HTML, CSS, JavaScript, and ReactJS

Key Features

Describe between 1-3 key features of the application.

  • A demo app for practicing the rendering of data in React from an SQL database via Rails API.

(back to top)

💻 Getting Started

To clone the repository in local environment try following steps.

Prerequisites

  • A web browser like Google Chrome.
  • A code editor like Visual Studio Code with Git and Node.js.

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

$ git --version

Likewise for Node.js and npm for package installation.

$ node --version && npm --version

Setup

Clone the repository using this link.

Install

In the terminal, go to your file directory and run this command.

$ git clone https://github.com/PrangonGhose/hello-rails-front-end.git

Get into development

In the terminal, run these commands to get into development.

$ cd bookstore-with-react

$ npm init -y

$ npm install (install dependencies)

$ npm run build (create the optimized for production)

$ npm start (run the app locally)

👥 Authors

👤 Prangon Ghose

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome! Add suggestions by opening new issues.

Feel free to check the issues page.

(back to top)

🔭 Future Features

  • Adding API functionalities and frontend design.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

🙏 Acknowledgments

Authors would like to thank:

(back to top)

📝 License

This project is MIT licensed.