Skip to content

41hulk/hello-react-front-end

Repository files navigation

logo

Hello Rails Frontend

This is a project to learn how to use React with Rails by Implementing a connection between a Ruby on Rails back-end and React front-end. This project contains the fronted part of it.

Built With

  • Ruby
  • Rails
  • Postgresql
  • Linters

Key Features

  • This app has API end points
  • It fetches from the API and renders the data
  • It renders random greetings on refreshing and navigating to the './ message

Live Demo will be available

Live Demo Link

Getting Started

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

Prerequisites

  • A Command Line Interface.
  • Having Ruby installed.
  • Setup Rails
  • Postgresql
  • A code editor like Visual Studio Clone.
  • Git installed.

To check if you have Git, Postgres and Ruby installed you can use the commands below:

  $ git --version
  $ ruby --version && irb

If you don't have Ruby, you can find a complete list of ways to install Ruby, including using third-party tools like rvm, see:

(https://www.ruby-lang.org/en/downloads/)

🛠 Installation & Set Up

If you installed git you can clone the code to your machine, or download a ZIP of all the files directly.

Clone this repository to your desired folder: $ git clone

https://github.com/41hulk/hello-react-front-end.git

Link to backend repository

https://github.com/41hulk/hello-rails-backend.git

Link to Frontend repository pull request

https://github.com/41hulk/hello-react-front-end/pull/1

Install

` Navigate to the created folder. - Initialize your project with Git. - Make sure that your project has Postgres database set up. - Run rails server and visi thttp://127.0.0.1:3005/ in your browser! git clone https://github.com/41hulk/hello-react-front-end

 - cd hello-react-front-end
 - npm install
 - npm start
 
### run the following in your terminal:
- gem install rails
- gem install pg
- bundle install (use this whenever you want add a gem in your gem file)
- rails db:create
- change your database password to suit yours in database.yml `



To check linters locally, use

`$ rubocop`
`$ npx stylelint "**/*.{css,scss}"`
Once you have the project correctly set up, run

`$ bin/rails db:setup`

Usage

--Once you have your repository cloned on your machine, feel free to modify it as needed.

  • To add your own page

Authors

👤 Ntare Guy

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

Web Design All the template colors, font, and layout distribution for the whole project were designed by Gregoire Vella on Behance. A link to the project can be found here. Check Gregoire for more amazing GUI and Graphic designs!

-Hat tip to all documentations used -Inspiration

❓ FAQ

[Question_1] Do I need to have a program to manage the database.

[Answer_1] Yes you need postgesql or sqllite ,check installation online.

[Question_2] Can I access the owner database .

[Answer_2]No because its on their local database .

📝 License

This project is MIT licensed.

NOTE: we recommend using the MIT license - you can set it up quickly by using templates available on GitHub. You can also use any other license if you wish.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published