| setting up |
create-react-app nba_2018 |
creating a new projects |
| font-awesome |
https://cdnjs.com/libraries/font-awesome |
paste it on index.html |
| side-nav |
https://www.npmjs.com/package/react-simple-sidenav |
side navigation |
| slides react-slick |
https://github.com/akiran/react-slick |
for slides |
| Command line |
yarn add react-router-dom react-fontawesome react-simple-sidenav react-slick –dev |
dependencies i used. part 1 |
| CSS fonts |
https://fonts.google.com/specimen/Roboto?selection.family=Roboto:300,400,500,700 |
for css |
| Json Server |
npm install –g json-server |
https://github.com/typicode/json-server |
| new windows |
json-server --watch db.json --port 3004 |
must be on the same directory |
| axios |
its a library to make a request like fetch |
async request |
| refresh/restart |
npm run dev-serv |
restart watching |
| Firebase |
Firebase |
firebase |
| sign up |
https://firebase.google.com/ |
create your account |
| console |
top right |
add project |
| Authentication |
Database |
hosting |
| firebase |
npm install [email protected] --save |
imported json files |
| moments |
npm install [email protected] --save |
for setting to autodate |
| authentication |
enabled |
enables password and email |
| Dashboard |
setting up |
where user can add/post articles, comments and so on |
| worpress |
npm install [email protected] --save |
github.com/jpuri/react-draft-wysiwyg |
| html |
npm install [email protected] [email protected] --save |
convert to html file for articles |
| firebase uploader |
npm install [email protected] --save |
https://www.npmjs.com/package/react-firebase-file-uploader |
| building |
npm run build |
it will create a bundle for production that can rn though firebase or even heroku |
| tools |
npm install -g firebase-tools |
initialization |
| firebase login |
firebase init |
firebase deploy |
| heroku |
heroku login, heroku create nba-app-2018, heroku deploy |
enjoy and dont forget to sign in and try my app! |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent