Assignment for Epicodus to practice looping in JSX, styling in React, and client-side routing in React .
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.
-
Clone repository on your local computer.
-
If you already have Node and Homebrew installed, then skip to "Install Dependencies."
- To install Node on other systems, go to the Node website, download and install the appropriate installer for your operating system.
- 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
- If you do not have Homebrew installed yet, you may install it by copying and pasting this command:
- $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
- 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
- Enter the following code in the command line to install all dependencies:
- $ npm install
- To build and bundle the project in webpack run the following:
- $ npm run build
- To run the local test server:
- $ npm run start
Do not contact anyone with questions or comments regarding this project.
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
Behavior | Input | Output |
---|---|---|
The program will ... | Input: "1" | Output: true |
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.