Giter VIP home page Giter VIP logo

motorista's Introduction

Motorista

Contributors Forks Stargazers Issues

Motorista is an online magazine for the petrolheads, designed to host articles from all around the automotive and motorcycle world. The categories currently implemented are Cars, Motorcycles, Off-Road, and Racing. The features of this website are user creation/log-in, user profile with the most voted article featured at the top, and a list of the latest articles written by the author. For the articles section, we have the creation of new articles, a show page for each one of them featuring the article picture, title, and content. The home page is a webpage that displays the featured article at the top (Most voted) and a list of categories featuring the most recent article added to that section as cover. Signed-in users can upvote their favorite article to see it featured on the home page. The website is fully responsive, with an interactive sliding menu bar. The last feature I will mention here is the search option. You can search for a word or phrase and the related articles will be displayed. For a full experience on the web app, please make sure to visit its Live Version right here!

screenshot1

screenshot1

screenshot1

screenshot1

This project was a very comprehensive project that included all of the knowledge acquired during the last courses including HTML, CSS, Ruby, and Ruby on Rails. For this project, I also used Bootstrap and SASS for responsive development. It demanded a lot of skill and analysis to be able to implement the design and the project specifications into a fully functioning app.

Live Version

Live Version

Video presentation

Project Video Presentation

Built With

  • Ruby v2.6.5
  • Ruby on Rails v6.0.3.1
  • Bootstrap 4
  • Fontawesome
  • SASS
  • RSpec (Testing)
  • Capybara (Testing)

Getting Started

To get started with the app, cd to the directory where you would like the repo to live by typing on your terminal:

$ cd <directory>

Clone the repo typing:

$ git clone [email protected]:lmaldonadoch/motorista.git

Install the needed gems:

$ bundle install

Now, set up the database:

$ rake db:setup

Finally, start server:

$ rails server

Open http://localhost:3000/ in your browser.

Prerequisites

Ruby: 2.6.3 Rails: 5.2.3 Postgres: >=9.5

Run tests

  rspec spec/features/users_spec.rb

  rspec spec/features/log_in_spec.rb

  rspec spec/features/articles_spec.rb

This should be the results

screenshot1

Authors

๐Ÿ‘ค Luis Angel Maldonado

Future Upgrades

  • Include Google and Twitter authentication.
  • Create an admin account to authorize articles.
  • Enable articles editing.
  • Enable users editing.
  • Add users profile pic.

๐Ÿค 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

motorista's People

Contributors

lmaldonadoch avatar dependabot[bot] avatar

Stargazers

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