antcalatayud / ReactCoin (public) (License: GPLv3) (since 2018-04-24) (hash sha1)
As seen on this course: https://udilia.com/courses/learn-react-by-building-a-web-app
List of commits:
Subject Hash Author Date (UTC)
Add routing and not found page 17718006b6c1f4090ae971d0338ea8cd8f4b93c5 antcalatayud 2018-04-24 15:41:27
disable pagination buttons when min/max reached a7459260589206aa9430fd9dba67aed2b175607c antcalatayud 2018-04-24 15:14:06
Manage next/prev pages onclick pagination 104663344877dc34bc9e3df9762bfad335578d99 antcalatayud 2018-04-24 15:09:52
Start pagination component a2600ed30feb02a9394d31215d1218d699371f62 antcalatayud 2018-04-24 14:47:05
Move Table to new component 685659283e5fcfb3391bbd7e0988669a4896546b antcalatayud 2018-04-24 14:23:39
Add eror message 925f3e3199546d80b90276d53bf3ca827313adab antcalatayud 2018-04-24 14:10:51
Add loadin component 54504e3ae117730f625f6c5acf1a10ce912c6146 antcalatayud 2018-04-24 14:05:36
Create currencies table a410655fa61df8653b5943cb9c853b04e48c7287 antcalatayud 2018-04-24 13:34:35
Move some conts outside 00686f6d20dcc806e20a3d7bfb745517c203dd54 antcalatayud 2018-04-24 13:00:43
Add AJAX request to list component 3dd5f784d209cc1cfeb22bbc93aaf2c871e2c69b antcalatayud 2018-04-24 12:29:22
Start creating list componet c8bc3d6bb9b4980e1305d401be2fe67c8933a7f8 antcalatayud 2018-04-24 10:31:23
Add logo eed8364675e78cfa795550bff03682d49a8ed115 antcalatayud 2018-04-24 10:23:07
Add styling 866cbbbc94ce81e8b8b6b88da9f86d2d4153e509 antcalatayud 2018-04-24 10:18:43
Create fist component and render App b713ed055b8691a0fd89792d136e0ef9ed86f07c antcalatayud 2018-04-24 10:11:22
Add init files d81df9e3d230bcb49f0bb31c43cffad97532d321 antcalatayud 2018-04-24 09:51:04
Initial commit 3c3626d89f221374c92ee04aed1eaa8616f3977e Antonio Calatayud 2018-04-24 09:03:03
Commit 17718006b6c1f4090ae971d0338ea8cd8f4b93c5 - Add routing and not found page
Author: antcalatayud
Author date (UTC): 2018-04-24 15:41
Committer name: antcalatayud
Committer date (UTC): 2018-04-24 15:41
Parent(s): a7459260589206aa9430fd9dba67aed2b175607c
Signing key:
Tree: bdd0f9d5e9db0930756bda76624aa1eb591df7d5
File Lines added Lines deleted
src/components/notfound/NotFound.css 25 0
src/components/notfound/NotFound.js 14 0
src/index.js 11 4
File src/components/notfound/NotFound.css added (mode: 100644) (index 0000000..29e81a5)
1 .NotFound {
2 width: 100%;
3 text-align: center;
4 margin-top: 60px;
5 }
6
7 .NotFound-title {
8 font-weight: 400;
9 color: #9cb3c9;
10 }
11
12 .NotFound-link {
13 display: inline-block;
14 margin-top: 40px;
15 color: #fff;
16 text-decoration: none;
17 border: 1px solid #9cb3c9;
18 border-radius: 4px;
19 padding: 18px;
20 transition: border .2s;
21 }
22
23 .NotFound-link:hover {
24 border: 1px solid #fff;
25 }
File src/components/notfound/NotFound.js added (mode: 100644) (index 0000000..847d477)
1 import React from 'react';
2 import './NotFound.css';
3
4 const NotFound = () => {
5 return(
6 <div className="NotFound">
7 <h1 className="NotFound-title">
8 Page not found!
9 </h1>
10 </div>
11 )
12 }
13
14 export default NotFound
File src/index.js changed (mode: 100644) (index 09a6ae3..4dee39d)
1 1 import React from 'react'; import React from 'react';
2 2 import ReactDOM from "react-dom"; import ReactDOM from "react-dom";
3 import { BrowserRouter, Route, Switch } from 'react-router-dom';
3 4 import Header from "./components/common/Header"; import Header from "./components/common/Header";
4 5 import List from "./components/list/List"; import List from "./components/list/List";
6 import NotFound from "./components/notfound/NotFound";
5 7 import './index.css' import './index.css'
6 8
7 9 const App = () => { const App = () => {
8 10 return ( return (
9 <div>
10 <Header/>
11 <List />
12 </div>
11 <BrowserRouter>
12 <div>
13 <Header/>
14 <Switch>
15 <Route path="/" component={List} exact />
16 <Route component={NotFound} />
17 </Switch>
18 </div>
19 </BrowserRouter>
13 20
14 21 ); );
15 22 } }
Hints:
Before first commit, do not forget to setup your git environment:
git config --global user.name "your_name_here"
git config --global user.email "your@email_here"

Clone this repository using HTTP(S):
git clone https://rocketgit.com/user/antcalatayud/ReactCoin

Clone this repository using ssh (do not forget to upload a key first):
git clone ssh://rocketgit@ssh.rocketgit.com/user/antcalatayud/ReactCoin

Clone this repository using git:
git clone git://git.rocketgit.com/user/antcalatayud/ReactCoin

You are allowed to anonymously push to this repository.
This means that your pushed commits will automatically be transformed into a merge request:
... clone the repository ...
... make some changes and some commits ...
git push origin main