Code Monkey home page Code Monkey logo

interview-mockup's Introduction

Nova Financiera interview laboratory.

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.

PREVIEW:

Built With

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

Prerequisites

  • Ruby v2.7.2
  • Ruby on Rails v6.1.3.2
  • Postgres: >=9.5

Getting Started

Setup

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

http://localhost:3000/

Authors

👤 Gabriel Suárez

🤝 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

Design idea by Nova Financiera

📝 License

This project is MIT licensed.

interview-mockup's People

Contributors

gabrieljsuarez avatar

Stargazers

Galiwango Ananiya avatar Victor Pacheco avatar Arístides José Molina Pérez avatar

Watchers

 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.