Simple HTML/CSS/JS Mockup built as a part of the interview process for the Front End Engineer position in Nova Financiera
#FEATURES:
- Fully Responsive web design
- Taken into consideration mobile, large mobile, tablets, desktops, large desktops and hd resolutions (+1920px)
- Simple Javascript functionality for interactive menu.
- Ruby v2.7.2
- Ruby on Rails v6.1.3.2
- HTML 5
- Bootstrap 5 css
- SASS pre-processor with 7-1 architecture
Bootstrap 5 was used due to it's simplicity to implement with Rails 6 and because it offered all the design tools needed to stream line the build process of the mockup.
- Ruby v2.7.2
- Ruby on Rails v6.1.3.2
- Postgres: >=9.5
To get a local copy up and running follow these simple example steps.
Clone the repository to your local machine
$ git clone https://github.com/GabrielJSuarez/interview-mockup
Go to your directory
$ cd interview-mockup
Run in terminal [You must have Ruby installed on your system.]
$ bundle install
$ yarn install
the command $ bundle install
is important to install required gem for the app to start. After you finish type:
- To create the local database tables in Postgres you will need to have it configured locally and then run:
$ rails db:create
- To run migration files:
$ rails db:migrate
This will do the proper migrations for the database, after that you can run the server:
$ rails server
Open your browser to localhost
👤 Gabriel Suárez
- Github: @ginnandjuice(https://github.com/ginnandjuice)
- Twitter: @fatbaxxter
- Linkedin: Gabriel Suárez
Contributions, issues and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
Design idea by Nova Financiera
This project is MIT licensed.