From 87e83e9e976d91f3ea2406e4976f9c38698cb4d5 Mon Sep 17 00:00:00 2001 From: ajeetchaulagain Date: Mon, 8 Jun 2020 17:49:15 +1000 Subject: [PATCH] Initial App Structure created. More Refined later --- src/components/App.js | 25 ++++++++++++++++++++ src/components/PageNotFound.js | 11 +++++++++ src/components/about/AboutPage.js | 15 ++++++++++++ src/components/common/Header.js | 27 ++++++++++++++++++++++ src/components/dashboard/DashboardPage.js | 25 ++++++++++++++++++++ src/components/home/HomePage.js | 22 ++++++++++++++++++ src/favicon.ico | Bin 15086 -> 15406 bytes src/index.css | 3 +++ src/index.js | 16 ++++++++----- webpack.config.dev.js | 2 +- 10 files changed, 139 insertions(+), 7 deletions(-) create mode 100644 src/components/App.js create mode 100644 src/components/PageNotFound.js create mode 100644 src/components/about/AboutPage.js create mode 100644 src/components/common/Header.js create mode 100644 src/components/dashboard/DashboardPage.js create mode 100644 src/components/home/HomePage.js mode change 100755 => 100644 src/favicon.ico create mode 100644 src/index.css diff --git a/src/components/App.js b/src/components/App.js new file mode 100644 index 0000000..dedaf21 --- /dev/null +++ b/src/components/App.js @@ -0,0 +1,25 @@ +import React from "react"; +import { Route, Switch } from "react-router-dom"; +import HomePage from "./home/HomePage"; +import AboutPage from "./about/AboutPage"; +import Header from "./common/Header"; +import PageNotFound from "./PageNotFound"; +import DashboardPage from "./dashboard/DashboardPage"; + +const App = () => { + return ( + +
+
+ + + + + + +
+ + ); +}; + +export default App; diff --git a/src/components/PageNotFound.js b/src/components/PageNotFound.js new file mode 100644 index 0000000..6007ec1 --- /dev/null +++ b/src/components/PageNotFound.js @@ -0,0 +1,11 @@ +import React from "react"; + +const PageNotFound = () => { + return ( +
+

Oops! Page Not Found

+
+ ); +}; + +export default PageNotFound; diff --git a/src/components/about/AboutPage.js b/src/components/about/AboutPage.js new file mode 100644 index 0000000..cdea3fb --- /dev/null +++ b/src/components/about/AboutPage.js @@ -0,0 +1,15 @@ +import React from "react"; + +const AboutPage = () => { + return ( +
+

About

+

+ This is a task management application that allows you to manage projects + and tasks along with pomodoro features inbuilt. +

+
+ ); +}; + +export default AboutPage; diff --git a/src/components/common/Header.js b/src/components/common/Header.js new file mode 100644 index 0000000..d07ed77 --- /dev/null +++ b/src/components/common/Header.js @@ -0,0 +1,27 @@ +import React from "react"; +import { NavLink } from "react-router-dom"; + +const Header = () => { + return ( +
+ +
+ ); +}; + +export default Header; diff --git a/src/components/dashboard/DashboardPage.js b/src/components/dashboard/DashboardPage.js new file mode 100644 index 0000000..df3c439 --- /dev/null +++ b/src/components/dashboard/DashboardPage.js @@ -0,0 +1,25 @@ +import React from "react"; + +const DashboardPage = () => { + return ( +
+
+
+
    +
  • Project 1
  • +
  • Project 2
  • +
+
+
+ This is just a dummy sentence insidde the body content section + areadmThis is just a dummy sentence insidde the body content section + aread This is just a dummy sentence insidde the body content section + aread This is just a dummy sentence insidde the body content section + aread +
+
+
+ ); +}; + +export default DashboardPage; diff --git a/src/components/home/HomePage.js b/src/components/home/HomePage.js new file mode 100644 index 0000000..0c31102 --- /dev/null +++ b/src/components/home/HomePage.js @@ -0,0 +1,22 @@ +import React from "react"; +import { Link } from "react-router-dom"; + +const HomePage = () => { + const btnStyle = { + marginLeft: ".5rem", + }; + return ( +
+

Stay Productive Application

+

Manage Your Tasks/ Projects

+ + Login + + + Register + +
+ ); +}; + +export default HomePage; diff --git a/src/favicon.ico b/src/favicon.ico old mode 100755 new mode 100644 index 3bec5887c70436b1f1227b23974d9fdae75b2699..9bb182d113ece970614ec27fc4357411e59aa461 GIT binary patch literal 15406 zcmeHN2aJ_P5dLY3h;oR=g5|IvcCcWL4K->a)Hqh$$S^TBK#!I zA8``J)wJAnPxwUSs=>NWrPaEMoZd^MS^)lD_)bb7^XG6M!^dOQcag~cLn2pO{F(hcFxriO(Eye2m#_MJYJy0wh5kI8mM!ux zQ08t>ZSEVT@E^(z5iwv%+sPF*=UMW%|ZUh0}JjNY4c# z6IZMJ`*VWz!7*^2-u_XwKM`wM1b#S=^*;^P$2+q`vO!z(wY5<3aQPSEGF@k;&w=ML zE7dxm)mx-NPmvBY6z)!};qfu%j(t538QQ#0;pqQ00c6MIqt?etj&Fy&Q3j&Ru6qxd z{lxxGW)GI&dL9aK6!M%&$M07Bcs}`oI2qNko}KX9Sh}vU#}|FQW8;$+XqM7Ww!cL2 z%X{25pXE8{Htouv=b7Ght_b&QG?_XE`habl4HDrVkJdJxx>@V=Nh30St;liRBl|w5 zj|k5p4cqsNe3&N^OCJQ`Z4?w3n1)vfMlN@cW9%wjBNEgO(tHI? zDN`CYK%R+L1GX=1H|})}JbQxn8Be>8Gc*O2HpZUrY|Oi^g`0G(N}m`X z*~Z3+H{U;B_3fqC*6()H_tKT|(4*es`8{}v$a&ZU8uwzzTy^Y!ooD*kI5%zPV%>>M ze7|qrmkB)EdDd|auE-H-*b8^>Y-RKCEYP}6wHBHEx0^q|{$rI>zw^#V`ayxV5cP7b zzT>IqT#mu`qw%o~dyex}&(eYM(23RdWZYXH9wYK5^k5gz%D~;bJpo9p#Ws;Ce~7dk9qXOJO)CvPkNbf`AJ#o1 z%hsOtn%nEX60!Y`GvNol3^sVQ_Y#hqwsFB;_f26h?oj;~EBs?qcqjJaon^eM?x+46_Nfivk&^I_!j90oD<%)lJRGn^!&bG{66wNN1oQnLI_~zZ>+04SX-R{rOxA#!7Gu1nL*co=HF1?^-yc7j07goBz@H&&Anl0{1I@ zBetK6ys?byz%?HCd+^wUc*fNSK4=^EKo2#6@6PUrZxi_i?$+Et)Ma*CGta)bC(6P` zc`(<_4|6;M?*cuO2Y#OcU!eK^$hLp&67llU+PGzvXKcy-VshdJuQ!_O;XAYKjcIsm zP4vwuRb!%_v|*0nSEU>`gpZi8;Ne zh+Km=4cc^x(oYtT@@vZl*Ml)v>3v0(Z?#t^oTtse_W(ZMupPGdW$dS=~wQ9wE{j=WH(Y)R3hj zd>fv(F>(xio5-3UEXK=^mqg3293(*BoPcyAi&EpxoX+&i-T z<%m3uhmJI1cahq=esjY28ZY45RK$L!J!hUV#gOxk+?SYtuQBkAh4XC#_l6yV>V==` zGU|7}J(QdRCJ*R<35mP{D>oB#Y%U#;7v+S&h%`%M*}Uj0xe zC>x9=fy=k#zHZAo{Xeh#W(9IGxP;B zR!PrId8S+k`ubX9Px4N0`_cTyK>sOyw#^2m-anG)_-VV)ZtDd5hWdDMfw}`M!##lC zjMdD-TyqbXWeiB7{M&e38`_`z`RNQB=V-oS_EBo)y(+&!hT;i)Z1&X5PZ_RlX)Ht) rjUP~P9HCfhsUo literal 15086 zcmd6udvI079mkh~W$KeY6tUHWhe`l>Nd!Rwfik>Aq)G*~qV)l4RHWcIDpLQj9cFZF ztd-H$KBP0T8Y|Uy>a<8IGuD|l(>mkWmg+P^?#(@ikOv6~2uZfT&))kBhr_w|oEw9B zX1>{Tc7KoW@3*_>-n+XoW`G%Jh72)MmYOw#jJd=ZQ(BsRu9Er}q;BHG-1GUy%s-(gbQrL;iq9rQU|=471>_^dXm%9}+;vG%kE3-mdvL`UPj-lUqYH)#v* zD)sDx6MXx(S3B)9*EQK&PHk}Y+J3Z5HIa{NO}a{8!F6A1uy6gW!~XR*oesZ#xXu3I z=>zuBnT@VpSqqvM^-f3?az1EAK$;<*1Xi|o~h%WI^8h)r~lxFRy(cS zclFw?B|7Lb1}04KD#uUsEEso@=X9{cz1D|IbaXD1m3za+lzZC+R#7(P=)Kkj%I)X` z=K#+aO!uEYe}>;8uzApeOjuX#z-PoPf8p@ie%0_R{FLBG4k_wrQ_iY$sKl7M!N$}K zG-mUFEVM0LYCE#%pv!xvR4`k>`^jCrc=~XyJUu<|Hj^5&!PHj>ss+0@n))_*_w)en zsmrxhAd5~PTpgo=jk`>0>iwpEtDsK(#g)jSgKl4W$h+;Fdrkco!QT5!z3mIo#Rj&H z2`uIT-tsQpb+^1b`vcg*W{g|cEL`V`{O+~lyFYqh$pWeVwQ8@__`;s%qNCh%_*|6#0> z&rikoXEoYA|2|@0md`=BP#>00@{BKhG8W*m(xkVlk8t_W)J7Ncx5XFto$WpLHUF5?y@;&1d-=b3?ID&2%SLgh9cUk8P9>lNyh@U*b>GdZMxICc~ zwv*=>pA{lsjZPGn4$Q_+pA-9gI}cg75Ho#2`_02V`>PH6U5?<#J$1B2*$mZHlLus@ zuvorJk$+;mM!xTDkUSGV@izP2t_@$vF)!YHp~JPk|IWvbFFLeE*`^NPi%&_nEj~GI z^Wi1=u7m&O!!pi4zMr_e)%k`4xnXS3j*SPdYI1pkCu0Q8`E28R!5IxUAHI2N+T#Di z4~{td_b%Ay;=>1Rx5@X{zr1$P%?J8M>)`^&OnsM=$Hujz{766Zzn1Bq|J96*!ki%) zTUB|$`M+|wXM_G}3;HML_@^G(pnq)O|2QAwd+ynpwmC!PJ7yk4`NuXfY5t#jw9Wa% z#(gWAZ0*}0yKzEp?vU^4`E29+veL|lv%j9PQJ5ileDNpQ_~(!GobBNFqixyby%srg z@!E@>+3{C<*lxPB#iB!7lx^zpeR)ZyT41A~{uyJ~BQECOu0J1ganX+dtxvYQzNWv) zg>s6r8LF$EJ|a^wV`QfL(&6%5KLW(4?;q?FKRHGRPK-_F1hHSUa9^a2D7)z6d)&p| z81gW6RK`XD{~FhZHQDzs@sb0$P~Nh#DN;Aep4QO3ojlg_Cy(=N7!%7ptAGoBiJ#v=)Q9C0J&P}V z;+u;c$n%zol4nmO@PV(OZ@nic@>_8C zSow{3B7p5+-qmlgEW5;;i`?j`p6yRy6Wc*w`R?I(!KMB#`Auv41!5~M?l2enNOZQ0 zy4>F@uzkc{Y~<_ju+Q-G$XWg%c#oLvZ!NvT|47g!zt?RcAcHJA=wc&mx7g>>IsPEt zRZ><6sdM`J!(YF^_f`GwYBsC9TGsQD@BH8e;~6 z&9a1`Ffo_PQP$-2>%t(%S zo1j+KD}2F`5PaH@K^7f!`Chhw_#651RzJxO{YTv6Nvmk@HU= zgb(?hJ3&x+uSu~+orrIo9Ja8D?GqJ;{5Bsd_BY|HFKa$YbaHWQ!q+EA^Kq)V@m(W* zoo}7Lzw2x8c^r`AM0Jk*uW>g`#PRjw`FdLjs15@-aiZA8xG+$U#u(~qxkdL zM;|3wXAR1%624oOHrdw3Zd1I0NKZ zM}`04Lp_$Ov7yUWZECY?&+(j$%Ej3%rX8-q&jpzmWwLI(M_>y9t`Eri=r7jocl>k> z82(*{Z7;gJt*v|Sh<)aUW_$COGcLwLcKgt_2hQ3DvfjH+xfCi{FVHb?QTvW*WS`&-;jNN=6Rftr0sCl-yX|ON_$E4ls{bI4lgbp`^q0V>@n7u)5vnA zKk9O0k1?e(N&H61z?shjXYS6J`;#lk58E2Ytrz-kF3?w8l*|?C zkx9a%S4Oxqj+V&&ND?dKYyS7{m(mk=Z1bBzz_G+jFDa4pM^YE$PaXEC=RO~Q z^@&^*|3Av-9{g16dekDi9CE(O4XTrQW zXG^{kV5aa2=U?j>zl@)?S2i6tf1j6q4RVPrz!!4i`THXoL-d8p#BqYV?6=kC+lLF+ zD_14}d73ACKUx>{{$vcm6FbNO;;53de!=%A&l+FYXUuc0#IQ|ZlVG~=cyP_p`3rwQ ze#t)2QImXxRa-J1A^b6T9 zrVY;e`)h2uKTh_9_r&ZA+esIAj*E@~p5X+4=B|q(^C4Deua^ZdcuwEaZBiFCsFZ;1W<=pnpi{xDQ z=Miv&BV6-cyi?_zLjC8Czi@(EKHkB4Ij_E2&_4EJIq&c}09@b{0FKC8&$`9OU}w{A}?a!o(NzYA93%jl eqj757ng>aV%S&&bYI1qgJZfG=Fq`Xa-v1BnaK1SJ diff --git a/src/index.css b/src/index.css new file mode 100644 index 0000000..458aab6 --- /dev/null +++ b/src/index.css @@ -0,0 +1,3 @@ +.navbar { + margin-bottom: 1rem; +} diff --git a/src/index.js b/src/index.js index 53fdab1..f8aaa57 100644 --- a/src/index.js +++ b/src/index.js @@ -1,8 +1,12 @@ import React from "react"; import { render } from "react-dom"; - -function Hi() { - return

Hi. there

; -} - -render(, document.getElementById("app")); +import { BrowserRouter as Router } from "react-router-dom"; +import "bootstrap/dist/css/bootstrap.min.css"; +import App from "./components/App"; +import "./index.css"; +render( + + + , + document.getElementById("app") +); diff --git a/webpack.config.dev.js b/webpack.config.dev.js index a2405ee..a7837ef 100644 --- a/webpack.config.dev.js +++ b/webpack.config.dev.js @@ -1,4 +1,4 @@ -const webpack = require("webpack"); +// const webpack = require("webpack"); const path = require("path"); const HtmlWebpackPlugin = require("html-webpack-plugin");