/farmers-market-react

Farmer's Market site to practice looping in JSX and Client side routing in React.

Primary LanguageJavaScript

Brenda Franco

Assignment for Epicodus to practice looping in JSX, styling in React, and client-side routing in React .

By: Brenda Franco

Description

This webpage application is designed to be a static Farmer's Market site for Avery's Organics in Northern Oregon. The goal of this project is to practice looping in JSX, styling in React, and client-side routing in React.

This project uses Webpack to bundle and minify the code. The view library is React. Babel is used to transpile ES6. Normalize.css is used to provide cross-browser consistency for styling. All dependencies required are included in this project.

Setup/Installation Requirement

  • Clone repository on your local computer.

  • If you already have Node and Homebrew installed, then skip to "Install Dependencies."

    Node: Windows / Linux Installation Instructions

    • To install Node on other systems, go to the Node website, download and install the appropriate installer for your operating system.

    Node: OSX Installation Instructions

    • On OS X systems, install Node.js through Homebrew with the following command in your home directory:
      • $ brew install node
    • Confirm that node and npm (node package manager, installed automatically with Node) are in place by checking the versions (Node should be 4.0.x or higher, npm should be 3.6.x or higher):
      • $ node -v
      • $ npm -v

    Homebrew Installation

    • If you do not have Homebrew installed yet, you may install it by copying and pasting this command:
    • Next, ensure Homebrew packages are run before the system versions of the same (which may be dated or not what we want) by executing the following:
      • $ echo 'export PATH=/usr/local/bin:$PATH' >> ~/.bash_profile

    Install dependencies

    • Enter the following code in the command line to install all dependencies:
      • $ npm install

    Working with the project in Node:

    • To build and bundle the project in webpack run the following:
      • $ npm run build
    • To run the local test server:
      • $ npm run start

Known Bugs

Do not contact anyone with questions or comments regarding this project.

Technologies Used

Front-end dependencies

  • file-loader^1.1.6
  • prop-types^15.5.10
  • react^15.5.4
  • react-dom^15.5.4
  • react-router-dom^4.0.0
  • styled-jsx^2.2.7
  • url-loader^0.6.2

Developer Dependencies

  • babel-core^6.24.1
  • babel-loader^7.0.0
  • babel-preset-es2015^6.24.1
  • babel-preset-react^6.24.1
  • eslint^4.13.1
  • eslint-loader^2.0.0
  • eslint-plugin-react^7.5.1
  • html-webpack-plugin^2.29.0
  • react-hot-loader^3.0.0-beta.7
  • webpack^3.4.0
  • webpack-dev-server^2.5.0

Specs

Behavior Input Output
The program will ... Input: "1" Output: true

License

Copyright (c) 2018 Brenda Franco

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.