Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Minor changes, install dependencies. #87

Closed
wants to merge 10 commits into from
Closed
15 changes: 12 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,17 @@
# Webbpack Express Example App
# Webpack Express Example App

The goal of this repo is be an example of a basic but functional app built on Express and Webpack.

If you want to follow along, start from master and look at the numbered branches of this project. Each one is a step along the path to creating a fully functional webpack setup. In each branch, there will be a documentation file that lists out the steps taken in that branch (each step is also a git commit if you look at the history) which you can use as a checklist when setting up your own projects.
If you want to follow along with the course, you will start from the master and switch to the appropriate numbered branches of this repo as needed. The branches are:
- [0-initial-setup](https://github.com/udacity/fend-webpack-content/tree/0-initial-setup)
- [1-install-webpack](https://github.com/udacity/fend-webpack-content/tree/1-install-webpack)
- [2-add-webpack-entry](https://github.com/udacity/fend-webpack-content/tree/2-add-webpack-entry)
- [3-webpack-output-and-loaders](https://github.com/udacity/fend-webpack-content/tree/3-webpack-output-and-loaders)
- [4-webpack-plugins](https://github.com/udacity/fend-webpack-content/tree/4-webpack-plugins)
- [5-webpack-mode](https://github.com/udacity/fend-webpack-content/tree/5-webpack-mode)
- [6-webpack-for-convenience](https://github.com/udacity/fend-webpack-content/tree/6-webpack-for-convenience)

Each one is a step along the path to creating a fully functional webpack setup. In each branch, there will be a documentation file that lists out the steps taken in that branch (each step should also match to a git commit if you look at the history) which you can use as a checklist when setting up your own projects.

## Get Up and Running

Expand All @@ -15,4 +24,4 @@ git clone -- [email protected]:[your-user-name]/webpack-express.git --
`cd` into your new folder and run:
- ```npm install```
- ```npm start``` to start the app
- this app runs on localhost:3000, but you can of course edit that in server.js
- this app runs on localhost:8080, but you can of course edit that in index.js
2 changes: 1 addition & 1 deletion src/client/views/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@
<input id="name" type="text" name="input" value="" onblur="onBlur()" placeholder="Name">
<input type="submit" name="" value="submit" onclick="return handleSubmit(event)" onsubmit="return handleSubmit(event)">
</form>
<section>
</section>

<section>
<strong>Form Results:</strong>
Expand Down
2 changes: 1 addition & 1 deletion src/server/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ app.get('/', function (req, res) {

// designates what port the app will listen to for incoming requests
app.listen(8080, function () {
console.log('Example app listening on port 3000!')
console.log('Example app listening on port 8080!')
})

app.get('/test', function (req, res) {
Expand Down