https://github.com/melitus/personal-website
:children_crossing: Improving Ux
https://github.com/melitus/personal-website
Last synced: 2 months ago
JSON representation
:children_crossing: Improving Ux
- Host: GitHub
- URL: https://github.com/melitus/personal-website
- Owner: melitus
- Created: 2018-07-17T20:23:08.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2021-02-23T16:28:45.000Z (over 4 years ago)
- Last Synced: 2025-01-29T22:27:11.295Z (4 months ago)
- Language: JavaScript
- Homepage:
- Size: 532 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).
# React JS Personal website
### LIVE DEMO
# Start building your own website
This repo is created to demostrate how to build personal website with React.
## Tech stack
* [React](https://github.com/facebook/react) & [React Router 4](https://github.com/ReactTraining/react-router)
* [Node](https://github.com/nodejs)
## 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
```
## Commands
`yarn install` to install dependencies
`yarn start` to run development version on browser
`yarn run build` to build distribution version
### The steps to create a website include:
1. File architecture
2. Setting up the basic environment in Node
3. Installing the React framework with create-react-app
4. Building the basic front-end components
5. Styling and CSS
6. Viewing on local host
8. Deploying on Heroku
## Author
Aroh Sunday Melitus