Skip to content

Commit 29907f9

Browse files
author
Vivek Chowdhury
committed
adding initial files [work in progress]
1 parent 00d61e8 commit 29907f9

36 files changed

+2273
-90
lines changed

‎package-lock.json‎

Lines changed: 1174 additions & 55 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,20 @@
66
"@testing-library/jest-dom": "^4.2.4",
77
"@testing-library/react": "^9.5.0",
88
"@testing-library/user-event": "^7.2.1",
9+
"bootstrap": "^4.5.0",
10+
"prop-types": "^15.7.2",
911
"react": "^16.13.1",
1012
"react-dom": "^16.13.1",
11-
"react-scripts": "3.4.1"
13+
"react-router-dom": "^5.2.0",
14+
"react-scripts": "3.4.1",
15+
"redux": "^4.0.5",
16+
"redux-thunk": "^2.3.0"
1217
},
1318
"scripts": {
14-
"start": "react-scripts start",
19+
"prestart:api": "node tools/createMockDatabase.js",
20+
"start:api": "node tools/localServer.js",
21+
"start": "run-p start:api start:dev",
22+
"start:dev": "react-scripts start",
1523
"build": "react-scripts build",
1624
"test": "react-scripts test",
1725
"eject": "react-scripts eject"
@@ -30,5 +38,9 @@
3038
"last 1 firefox version",
3139
"last 1 safari version"
3240
]
41+
},
42+
"devDependencies": {
43+
"json-server": "^0.16.1",
44+
"npm-run-all": "^4.1.5"
3345
}
3446
}

‎public/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
work correctly both with client-side routing and a non-root public URL.
2525
Learn how to configure a non-root public URL by running `npm run build`.
2626
-->
27-
<title>React App</title>
27+
<title>Tech Market</title>
2828
</head>
2929
<body>
3030
<noscript>You need to enable JavaScript to run this app.</noscript>

‎src/App.js‎

Lines changed: 8 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,14 @@
1-
import React from 'react';
2-
import logo from './logo.svg';
3-
import './App.css';
1+
import React from "react";
2+
import "./App.css";
3+
4+
import TechMarketShell from "./app/TechMarketShell";
5+
import { Switch } from "react-router-dom";
46

57
function App() {
68
return (
7-
<div className="App">
8-
<header className="App-header">
9-
<img src={logo} className="App-logo" alt="logo" />
10-
<p>
11-
Edit <code>src/App.js</code> and save to reload.
12-
</p>
13-
<a
14-
className="App-link"
15-
href="https://reactjs.org"
16-
target="_blank"
17-
rel="noopener noreferrer"
18-
>
19-
Learn React
20-
</a>
21-
</header>
22-
</div>
9+
<Switch>
10+
<TechMarketShell />
11+
</Switch>
2312
);
2413
}
2514

‎src/app/About/About.css‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
.topicHeading {
2+
font-size: 24px;
3+
margin-bottom: 20px;
4+
color: #6d6d6d;
5+
padding-top: 0;
6+
font-weight: 300;
7+
line-height: 1.3;
8+
}
9+
10+
.discriptionSection {
11+
font-size: 17px;
12+
line-height: 1.7;
13+
}
14+
15+
.aboutContainer {
16+
min-height: 650px;
17+
}

‎src/app/About/About.js‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
import React from "react";
2+
import "./About.css";
3+
4+
function About(props) {
5+
return (
6+
<div className="aboutContainer">
7+
<h2>Dummy text copied from React Offical site</h2>
8+
<span className="topicHeading">Declarative</span>
9+
<p className="discriptionSection">
10+
React makes it painless to create interactive UIs. Design simple views
11+
for each state in your application, and React will efficiently update
12+
and render just the right components when your data changes. Declarative
13+
views make your code more predictable and easier to debug.
14+
</p>
15+
16+
<span className="topicHeading">Component-Based</span>
17+
<p className="discriptionSection">
18+
Build encapsulated components that manage their own state, then compose
19+
them to make complex UIs. Since component logic is written in JavaScript
20+
instead of templates, you can easily pass rich data through your app and
21+
keep state out of the DOM.
22+
</p>
23+
24+
<span className="topicHeading">Learn Once, Write Anywhere</span>
25+
<p className="discriptionSection">
26+
We don’t make assumptions about the rest of your technology stack, so
27+
you can develop new features in React without rewriting existing code.
28+
React can also render on the server using Node and power mobile apps
29+
using React Native.
30+
</p>
31+
</div>
32+
);
33+
}
34+
35+
export default About;

‎src/app/ContactUs/ContactUs.css‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.contactUsContainer {
2+
min-height: 650px;
3+
}

‎src/app/ContactUs/ContactUs.js‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
import React from "react";
2+
import FormInput from "./../Shared/FormInput/FormInput";
3+
import "./ContactUs.css";
4+
5+
function ContactUs() {
6+
const onTextChange = ({ target }) => {};
7+
return (
8+
<div className="contactUsContainer">
9+
<h2>Contact Us</h2>
10+
<form className="form-horizontal">
11+
<FormInput
12+
inputId="name"
13+
inputType="text"
14+
inputValue=""
15+
onTextChange={onTextChange}
16+
inputPlaceholder="Enter full name"
17+
inputLabel="Name :"
18+
></FormInput>
19+
<FormInput
20+
inputId="email"
21+
inputType="email"
22+
inputValue=""
23+
onTextChange={onTextChange}
24+
inputPlaceholder="Enter your email address"
25+
inputLabel="Email :"
26+
></FormInput>
27+
<FormInput
28+
inputId="message"
29+
inputType="text"
30+
inputValue=""
31+
onTextChange={onTextChange}
32+
inputPlaceholder="Enter your message"
33+
inputLabel="Message :"
34+
></FormInput>
35+
<input type="submit" value="Save" className="btn btn-primary" />
36+
</form>
37+
</div>
38+
);
39+
}
40+
41+
export default ContactUs;

‎src/app/Feeds/Feeds.css‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.feedsContainer {
2+
min-height: 650px;
3+
}

‎src/app/Feeds/Feeds.js‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import React from "react";
2+
import "./Feeds.css";
3+
4+
function Feeds(props) {
5+
return (
6+
<div className="feedsContainer">
7+
<h1>What's in your mind</h1>
8+
<h2>Teseting right now</h2>
9+
</div>
10+
);
11+
}
12+
export default Feeds;

0 commit comments

Comments
 (0)