There are App.js
with some content.
Split it to several components. CSS should be split too.
Create separate folder in components
folder for each component, there should be js
and css
files.
Finally you should have 3 - 5 new components.
- Fork the repository with task
- Clone forked repository
git clone [email protected]:<user_name>>/<task_repository>.git
- Run
npm install
to install dependencies. - Then develop
- Run
npm run start
to starthttp-server
onhttp://localhost:3000
When you run server the command line window will no longer be available for writing commands until you stop server (ctrl + c
). All other commands you need to run in new command line window. - Follow HTML, CSS styleguide
- Follow the simplified JS styleguide
- When you finished
Deploy on gh-pages
- Build the project
$ npm run build
- Commit and push all recent changes
$ git add . $ git commit -m 'commit message' $ git push origin master
- Execute
npm run deploy
. This command will push the/build
folder to branchgh-pages
in your remote repository. - Add links to your demo in readme.md.
[DEMO LINK](https://<your_account>.github.io/<repo_name>/)
- this will be a link to your index.html
- Commit and push all recent changes again.
- Create
Pull Request
from forked repo(<branch_name>)
to original repo (master
). - Add a link at
PR
to Google Spreadsheets.
src/
- directory for css, js, image, fonts filesbuild/
- directory for built pages
You should be writing code in src/
directory.
Add link here: [DEMO LINK](https://<your_account>.github.io/<repo_name>/)