Skip to content
No description, website, or topics provided.
Ruby HTML JavaScript Other
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
bin
config
db
lib
log
public
test
tmp
vendor/assets
.gitignore
Gemfile
Gemfile.lock
README.md
Rakefile
config.ru

README.md

Portfolio

This portfolio was developed for the first major assignment at Coder Factory Academy.

Portfolio screenshot

The site has been deployed to Heroku. You can view it at hannahportfolio.heroku.com

Project Requirements

  • Built in Ruby on Rails
  • Using CSS and HTML for design
  • Minimal javascript
  • Needed a design and planning process

Run the site

To run, ensure you have Ruby installed. This site is developed in Ruby 2.4.0.

Clone this repository and run

$bundle install to install all Gems

$rails s to start the server.

Once the server is up and running navigate to localhost:3000

Features

  • Responsive design optimised for mobile and desktop
  • Easy to update, with the majority of content held in arrays in pages_controller.rb and generated into html by ruby loops
  • Additional content automatically fits to screen by utilising flexbox containers.
  • The design reflects my personality - I wanted it to be colourful, fun and feminine rather than flashy or edgey (I'm not a very edgey person!)
  • The pixel images are created by myself in Aseprite.
  • The gopher Go image was created by Renee French.

Design Process

  1. I created a Pintrest board to collect designs and colour schemes that I found inspiring.

  2. I then mocked up my design in Canva.

  3. Finally, I created a Trello board to track content.

You can’t perform that action at this time.