Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gasb150/game_style
Website for creating game articles. List all categories in order of priority. Users can see categories, and the articles, edit (his article), and vote for them. Build with Ruby on Rails, deployed with Heroku.
https://github.com/gasb150/game_style
articles cloudinary css heroku html5 rails
Last synced: about 1 month ago
JSON representation
Website for creating game articles. List all categories in order of priority. Users can see categories, and the articles, edit (his article), and vote for them. Build with Ruby on Rails, deployed with Heroku.
- Host: GitHub
- URL: https://github.com/gasb150/game_style
- Owner: gasb150
- License: mit
- Created: 2021-03-02T23:33:51.000Z (over 3 years ago)
- Default Branch: development
- Last Pushed: 2021-06-12T16:59:16.000Z (over 3 years ago)
- Last Synced: 2023-03-11T18:52:41.473Z (over 1 year ago)
- Topics: articles, cloudinary, css, heroku, html5, rails
- Language: Ruby
- Homepage: https://shrouded-escarpment-15877.herokuapp.com/
- Size: 10 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
### GAME STYLE
I create a rails app using [Nelson Sakwa on Behance](https://www.behance.net/sakwadesignstudio) [liFEsTlye](https://www.behance.net/gallery/14554909/liFEsTlye-Mobile-version).
When the user logs in to the app, he is going to redirect to the homepage.
Each page uses the same top menu and footer, include links to implemented pages: Home, articles categories, write an article, and sing out. Display a featured article in the first row of the home page, which has the highest number of votes, with a full-width image and title.
List all categories in order of priority, displayed as a square with its name on the top and its most recent article's title at the bottom. The background image is the image of the most recent article in this category.
When the user clicks in the category name, he will see all the articles in that category, sorted by most recent.
Each article has an image, a title, a truncated text as a preview, and its author username, with a button to add a vote for the article (each user can vote only once).
When the user opens the Write an article page:
Display a form with all necessary fields.
And this webpage is also responsive.
## :video_camera: Video description
[Video GameStyle](https://www.loom.com/share/59000dc0ed374dfa8018f99199316306)
## :computer: Built With
- Ruby v2.7.2
- Ruby on Rails v6.1.3
## Live Demo
[GameStyle](https://shrouded-escarpment-15877.herokuapp.com/)
## :wrench: Getting Started
> Take a copy of this project
[Video_step](https://www.loom.com/share/3d78234501a34256a7379126c85be265)
- Go to the main page of the repo.
- Press the "Code" button and get the repo link.
- Clone it using git clone.
```
git clone 'repo_link'
```
### Setup
Open the terminal in the current project folder and then
1. Instal gems with:
```
1 | bundle _2.1.4_ install
```
** bundle with 2.1.4 avoid problems with Heroku **
2. Setup database with:
```
1 | rails db:create
2 | rails db:migrate
```
then go to app/models/article.rb and disable validates :image, presence: true
must looks like
> #validates :image, presence: true
```
1 | rails db:seed
```
and now re-enable the disable validation
must look like:
> validates :image, presence: true
### Github Actions
To make sure the linters' checks using Github Actions works, you should follow the following steps:
1. On your recently forked repo, enable the GitHub Actions in the Actions tab.
2. Create the `feature/branch` and push.
3. Start working on your milestone as usual.
4. When your work is complete, open a PR from the "feature/branch".
### Usage
Start server with:
```
1 | rails server
```
Open `http://localhost:3000/` in your browser.
### Run tests
```
1 | rpsec
```
### Deployment
To deploy it, you can use Heroku.
1. First, you will need a Heroku account and set-up for deployment.
1.1. Go to the [heroku website](https://www.heroku.com/) and create an account using the same email address you used for GitHub and Git.
1.2. Run this command
```
1 | curl https://cli-assets.heroku.com/install.sh | sh
```
1.3. Run this command
```
1 | heroku keys:add
```
Press y and then Enter, and now, type in the email address you used to create your Heroku account and press Enter. Then, type in the password for your Heroku account. Next, press y and Enter to allow Heroku to upload your public SSH key.
1.4. The terminal may read Invalid credentials provided. Press any key, and the Heroku website will open in your browser. Log in with the information you created your account with, and the terminal will reappear and accept your public SSH key.
2. Once you complete the first step.
2.1. Run this command
```
1 | heroku create
```
2.2. Then run
```
1 | git remote
```
Check that you see heroku in the output.
2.3. Push to heroku typing
```
1 | git push heroku HEAD:master
```
2.4.
And we need to migrate the database to
Run this command
```
1 | heroku run rails db:migrate
```
then go to app/models/article.rb and disable validates :image, presence: true
must look like
> #validates :image, presence: true
```
1 | heroku run rails db:seed
```
and now enable again the disable validation
must look like:
> validates :image, presence: true
2.5. Enjoy this app
```
1 | heroku open
```
## Author
**Gustavo Sanmartin** :bird:
- GitHub: [@gasb150](https://github.com/gasb150)
- LinkedIn: [Gustavo Sanmartin](https://www.linkedin.com/in/gustavsanmartin/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](issues/).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Microverse
- [Nelson Sakwa on Behance](https://www.behance.net/sakwadesignstudio)
## 📝 License
This project is MIT licensed.