Git Product home page Git Product logo

rails_vue's Introduction

README

This repository is an API to get earthquakes of the last 30 days. Therefore there is an interface to check earthquake's features and add a comment about every earthquake that you want.

Tech Stack

  • Earthquake API
  • Ruby 3.1.2
  • Ruby on Rails 7.1.3
  • Vue js 3
  • Vuex 4
  • Bootstrap 5.3.3
  • Vite 5.2
  • Vue awesome paginate 1.1.46
  • Postgresql 12
  • Gems:
    • rack-cors
    • json
    • http
    • jsonapi-serializer
    • will_paginate

Endpoints

Get all earthquakes

  GET /api/features

Get earthquakes with page, per page and filter settings

  GET /api/features?page={page}&per_page={per_page}&mag_type[]={mag_type}
Parameter Type Description
page integer Required - number of page
per_page integer Required - records per page
mag_type array(string) Required - filter by mag_type, options: md, ml, ms, mw, me, mi, mb, mlg

Post a comment per earthquake

  POST /api/features/:feature_id/comments
Parameter Type Description
body text Required - content of comment for specific feature(earthquake)
feature_id integer Required - id of the feature(earthquake)

Setup

  1. Clone repo and change to directory repo
git clone [email protected]:SegundoRP/rails_vue.git && cd $_
  1. Install backend dependencies
bundle i
  1. Create db and run migrations
rails db:create db:migrate
  1. Install frontend dependencies
cd client && npm i
  1. Run task to get earthquakes into db
rake earthquakes:get_earthquakes
  1. Run backend server
rails s
  1. Run frontend server
cd client && npm run dev

rails_vue's People

Contributors

segundorp 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.