CodeMeKathy / nb-tech-test

Frontend Developer Technical Test | A project that brings the provided Custom Fields' user panel pre-designed markup to the screen with responsivity down to 960 pixels.

Home Page:https://kathylambert.me/nb-tech-test

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

NationBuilder

Frontend Developer Technical Test

A project that brings the provided Custom Fields' user panel pre-designed markup to the screen with responsivity down to 960 pixels.

Custom fields panel

Custom fields - nav expanded

Getting Started

Clone or download the repository. This project was bootstrapped with Create React App and enhanced with Font Awesome React components. In order to successfully run the project, as intended, locally all items are needed installed.

Prerequisites

Either npm, node (or optionally, yarn) are needed installed globally on your machine.

Installation and Setup

Using npm:

  1. Clone or download repository
  2. Install project dependencies run: npm install
  3. Start Server: npm run start
  4. Visit local copy of the project: localhost:3000

Using yarn:

  1. Clone or download repository
  2. Install project dependencies run:yarn install
  3. Start Server: yarn start
  4. Visit local copy of the project: localhost:3000

Deployment

Using npm:

  1. Run pre-deployment build with npm predeploy
  2. Build with npm run deploy
  3. Deploy /build with any tool or service to hosting company that supports static sites

Using yarn:

  1. Run pre-deployment build with yarn predeploy
  2. Build with yarn run deploy
  3. Deploy /build with any tool or service to hosting company that supports static sites

Visit the deployed project deployed with GitHub pages.

These instructions will guide one in obtaining a copy of the project on a local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Tech Stack & Frameworks

Built With:

Project Status

This project is currently in development. Form functionality to add and delete items with the ability to edit records via the edit button is in progress.

About

Frontend Developer Technical Test | A project that brings the provided Custom Fields' user panel pre-designed markup to the screen with responsivity down to 960 pixels.

https://kathylambert.me/nb-tech-test


Languages

Language:HTML 92.7%Language:CSS 5.1%Language:JavaScript 2.2%