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!
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.
- Ruby v2.6.5
- Ruby on Rails v6.0.3.1
- Bootstrap 4
- Fontawesome
- SASS
- RSpec (Testing)
- Capybara (Testing)
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 git@github.com: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.
Ruby: 2.6.3 Rails: 5.2.3 Postgres: >=9.5
rspec spec/features/users_spec.rb
rspec spec/features/log_in_spec.rb
rspec spec/features/articles_spec.rb
This should be the results
👤 Luis Angel Maldonado
- Github: @lmaldonadoch
- Twitter: @LuisAngelMCh
- Linkedin: linkedin
- Include Google and Twitter authentication.
- Create an admin account to authorize articles.
- Enable articles editing.
- Enable users editing.
- Add users profile pic.
Contributions, issues and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
- Project requested by Microverse Program.
- The project design and original idea are from Nelson Sakwa. Big cheers to him! You can find the complete project on this Behance link.
- All the articles were taken from MotorTrend and from MotorCycleNews. Big cheers to the amazing authors and photographers.