Giter Site home page Giter Site logo

obibaadoma / hello-world-webpack Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.55 MB

By now you've used many different gems with Rails and this exercise will have you connect previous knowledge with new knowledge as you get a chance to use Webpack with jsbundling-rails gem.

License: MIT License

Dockerfile 5.73% Ruby 57.52% JavaScript 13.77% CSS 1.64% HTML 13.91% Batchfile 6.46% Shell 0.99%

hello-world-webpack's Introduction

Hello Rails + React


πŸ“— Table of Contents


πŸ“– Hello Rails + React

Hello Rails + React is a project that aims to connect a Ruby on Rails back-end with a React front-end.

Learning objectives

  • Implement a connection between a Ruby on Rails back-end and React front-end.
  • Understand the pros and cons of different approaches of connecting Ruby on Rails back-end with React front-end.

πŸ›  Built With

Tech Stack


πŸ”‘ Key Features

  • Rails back-end with React front-end.

(back to top)


πŸ’» Getting Started

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

Prerequisites

To run this project you need:

  • Have Ruby installed. If you need to install Ruby, follow the instructions on the official page.

Setup

Clone this repository to your desired folder:

Example commands:

  • With SSH:
  cd my-folder
  git clone [email protected]:obibaadoma/hello_rails_react.git
  • With HTTPS:
  cd my-folder
  git clone https://github.com/obibaadoma/hello_rails_react.git
  • With GitHub CLI:
  cd my-folder
  gh repo clone obibaadoma/hello_rails_react

Install

Go to the project directory:

 cd hello_rails_react

Before running the program, verify that you have Ruby on Rails installed on your OS by running the following command:

 rails --version

It should show you the version of Ruby On Rails ​​installed. If this does not happen and only an error message is displayed, you should verify your installation or install Ruby on Rails from scratch.

Download and Install Ruby on Rails

Once you have verified that you have Ruby on Rails installed, run the following command to install the necessary gems:

 bundle install

After installing the gems, run the following command to create the database:

 rails db:create

Then run the following command to migrate the database and seed it with the necessary data:

 rails db:migrate
 rails db:seed

Usage

Run the following command inside the project folder to start the application:

 ./bin/dev

This will start the application on your local server. You can now open your browser and go to http://localhost:3000/ to see the application running.

Run tests

To execute the tests, run the following command inside the project folder (root):

 bundle exec rspec

(back to top)


πŸ‘₯ Authors

πŸ‘€ Derek Akrasi Konadu

(back to top)


πŸ”­ Future Features

  • Style the application.

(back to top)


🀝 Contributing

Contributions, issues, and feature requests are welcome!

Kindly open any new issues or feature requests on the repo's issues page.

(back to top)


⭐️ Show your support

Give a ⭐ if you liked this project!

(back to top)


πŸ™ Acknowledgments

I thank the Code Reviewers for their advice and time πŸ†

(back to top)


πŸ“ License

This project is MIT licensed.

(back to top)


hello-world-webpack's People

Contributors

obibaadoma avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.