cmolinan/Hello-react-front-end

This React/Redux front-end project integrates with another Ruby on Rails back-end project

📗 Table of Contents

Click to view contents

1. 📖 About the Project
   • 🛠 Built With
     • Tech Stack
     • Key Features
2. 💻 Getting Started
   • Prerequisites
   • Install
   • Usage
   • Deployment
3. 👥 Author
4. 🤝 Contributing
5. ⭐️ Show your support
6. 🙏 Acknowledgements
7. ❓ FAQ
8. 📝 License

📖 "Connecting Rails with React with two apps

This project is to implement a connection between a Ruby on Rails back-end and React front-end, in order to understand the pros and cons of different approaches of connecting Ruby on Rails back-end with React front-end.

This is the front-end side, developed in React-Redux

The Ruby on Rails back-end is located in the following repository: https://github.com/cmolinan/Hello-rails-back-end

🛠 Built With

Tech Stack

Server

• Ruby on Rails

Database

• PostgreSQL

Client

• React

Key Features

• Demostration of the connection between a Ruby on Rails back-end and React front-end (in two independent apps) displaying a random greeting in the client

(back to top)

💻 Getting Started

Prerequisites

In order to run this project you need:

• Javascript
• React
• Redux
• Postgresql

Github

• Enter this url: https://github.com/cmolinan/Hello-react-front-end in your web browser.
• Once opened navigate to the top left level of the project a green code download button will be visible on the righthand side.
• Select the download Zip option from drop-down menu.
• Once the download is complete you will be able to access my project locally.

Local (Terminal)

  git clone https://github.com/cmolinan/Hello-react-front-end.git

Install

Install this project with the steps below:

• After cloning type cd Hello-react-front-end to access the project on the terminal.
• Run npm install to install other required dependancies.

Usage

To run the project, execute the following command:

• Run npm start to start a development server in port 3010.

👥 Author

• GitHub: Carlos Molina
• LinkedIn: Carlos Molina

(back to top)

🤝 Contributing

Contributions are what makes the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue, feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project. Don't forget to give it a ⭐️

(back to top)

🙏 Acknowledgments

• This webpage is based on an original Behance design, posted by Gregoire Vella https://www.behance.net/gallery/19759151/Snapscan-iOs-design-and-branding

(back to top)

❓ FAQ

• What inspired me to create this project?

  • The inspiration for this project came from microverse – a software development bootcamp where you work with teammates remotely on different projects.

(back to top)

📝 License

This project is MIT licensed.

(back to top)