Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/pa87901/repostarterkit

A scaffold for developers to get started writing node applications
https://github.com/pa87901/repostarterkit

babel react react-router-v4 webpack2

Last synced: 25 days ago
JSON representation

A scaffold for developers to get started writing node applications

Awesome Lists containing this project

README

        

# Start building your own website
This is a repository that I created to help others develop their websites in React.

## Tech stack
* [React](https://github.com/facebook/react) & [React Router 4](https://github.com/ReactTraining/react-router)
* [Node](https://github.com/nodejs) & [Express](https://github.com/expressjs/express)

## Getting started

### Setting up the basic environment in Node:
You will need to install Node globally if you do not have it installed already on your local drive:
```
sudo npm install -g
```
Installing Nodemon is also highly recommended as it watches for any changes that are saved and will automatically restart your application with the updated code base.
```
npm install nodemon -g
```

### Installing dependencies
The prescribed dependencies needed for building a website are listed in the `package.json` file of this repository.
Once this repo is cloned to your local drive, from within the root directory:
```
npm install
```

## Additional information
More granular instructions as a guide to building a website are included in my [blog post](https://medium.com/@Preda/getting-started-on-building-a-personal-website-with-react-b44ee93b1710), if needed.

### The steps to create a website include:
1. File architecture
2. Setting up the basic environment in Node
3. Installing the React framework
4. Creating a webpack and configuration
5. Building the basic front-end components
6. Styling and CSS
7. Viewing on local host
8. Deploying on Heroku

## Author
Preda A