Skip to content

Commit a4fd840

Browse files
codewithrajeshvcodewithrajeshv
committed
Update
1 parent 595fbd2 commit a4fd840

16 files changed

+631
-20
lines changed

‎package-lock.json

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

‎package.json

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,9 @@
3939
]
4040
},
4141
"devDependencies": {
42-
"gh-pages": "^4.0.0"
42+
"autoprefixer": "^10.4.7",
43+
"gh-pages": "^4.0.0",
44+
"postcss": "^8.4.14",
45+
"tailwindcss": "^3.1.6"
4346
}
4447
}

‎postcss.config.js

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
module.exports = {
2+
plugins: {
3+
tailwindcss: {},
4+
autoprefixer: {},
5+
},
6+
}

‎src/App.js

Lines changed: 8 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,14 @@
1-
import logo from './logo.svg';
2-
import './App.css';
1+
import ProjectCard from "./components/ProjectCard";
2+
import PROJECTS from "./constants/projects";
33

4-
function App() {
4+
const App = () => {
55
return (
6-
<div className="App">
7-
<header className="App-header">
8-
<img src={logo} className="App-logo" alt="logo" />
9-
<p>
10-
Edit <code>src/App.js</code> and save to reload.
11-
</p>
12-
<a
13-
className="App-link"
14-
href="https://reactjs.org"
15-
target="_blank"
16-
rel="noopener noreferrer"
17-
>
18-
Learn React
19-
</a>
20-
</header>
6+
<div className="grid grid-cols-1 gap-4 mx-20 p-8 sm:grid-cols-2 lg:grid-cols-3 ">
7+
{PROJECTS.map((project, index) => {
8+
return <ProjectCard key={index} item={project} />;
9+
})}
2110
</div>
2211
);
23-
}
12+
};
2413

2514
export default App;

‎src/assets/appstore.svg

Lines changed: 129 additions & 0 deletions
Loading

‎src/assets/googleplay.webp

17.1 KB
Binary file not shown.

‎src/assets/icons/accountManager.png

26.2 KB
Loading

‎src/assets/icons/andoRider.png

66 KB
Loading

‎src/assets/icons/cancerApp.png

89.2 KB
Loading

‎src/assets/icons/communityVoice.png

187 KB
Loading

‎src/assets/icons/imin.jpg

40.8 KB
Loading

‎src/assets/icons/salonista.png

204 KB
Loading

‎src/components/ProjectCard.js

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
import React from "react";
2+
import APP_STORE from "../assets/appstore.svg";
3+
import GOOGLE_PLAY from "../assets/googleplay.webp";
4+
5+
const ProjectCard = ({ item = {} }) => {
6+
return (
7+
<div className="flex flex-col max-w-sm rounded overflow-hidden shadow-lg mb-4">
8+
<div className="relative bg-blue-100">
9+
<img
10+
className="w-full h-72 min-h-72 max-h-72 object-contain"
11+
src={item.image}
12+
alt="banner"
13+
/>
14+
{!!item.icon && (
15+
<div className="absolute h-16 w-16 bg-white rounded-md top-3/4 right-2 shadow-2xl rounded border-white">
16+
<img
17+
className="w-full h-full object-center"
18+
src={item.icon}
19+
alt="icon"
20+
/>
21+
</div>
22+
)}
23+
</div>
24+
<div className="flex flex-col flex-1 px-6 py-4 h-auto">
25+
{item?.domains?.length > 0 && (
26+
<div className="flex">
27+
{item?.domains?.map?.((domain, index) => (
28+
<span
29+
key={`domain-${index}`}
30+
class="inline-block bg-gray-200 self-start rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2"
31+
>
32+
{domain}
33+
</span>
34+
))}
35+
</div>
36+
)}
37+
<div className="font-bold text-lg mb-2">{item?.name}</div>
38+
<p className="text-gray-700 text-sm">{item?.desc}</p>
39+
</div>
40+
<div className="px-6 pb-2 flex justify-center">
41+
{!!item?.playStore && (
42+
<img
43+
className="inline-block w-1/2 mr-2 cursor-pointer"
44+
src={GOOGLE_PLAY}
45+
onClick={() => {
46+
window.open(item?.playStore, "_blank");
47+
}}
48+
/>
49+
)}
50+
{!!item?.appStore && (
51+
<img
52+
className="inline-block w-1/2 cursor-pointer"
53+
src={APP_STORE}
54+
onClick={() => {
55+
window.open(item?.appStore, "_blank");
56+
}}
57+
/>
58+
)}
59+
</div>
60+
</div>
61+
);
62+
};
63+
64+
export default ProjectCard;

‎src/constants/projects.js

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
export default [
2+
{
3+
name: "Account & Expense Manager",
4+
domains: ["Finance"],
5+
desc: "A smart solution which helps you to easily manage your day-to-day transactions.",
6+
icon: require("../assets/icons/accountManager.png"),
7+
image:
8+
"https://www.it-waves.com/_next/image?url=%2Fimages%2Fwork%2FaccountManager.png&w=828&q=75",
9+
playStore:
10+
"https://play.google.com/store/apps/details?id=com.itwaves.accountmanager",
11+
appStore:
12+
"https://apps.apple.com/us/app/account-expense-manager/id1596113242",
13+
},
14+
{
15+
name: "I'M IN",
16+
domains: ["Sports"],
17+
desc: "Feel free to explore sports events happening around you. Meet new players who are close to your level. Seek new challenges amongst your friends. Take on the I'M IN experience, Let's go!",
18+
icon: require("../assets/icons/imin.jpg"),
19+
image:
20+
"https://play-lh.googleusercontent.com/DCXgiYgMSZwuKIPDPAH_i1R8-maA5ntHIm5ezUVJbVAcajyaK9vykN6YHMHX4LlqJNY=w5120-h2880-rw",
21+
playStore:
22+
"https://play.google.com/store/apps/details?id=com.goinfoo.imin&hl=en_IN&gl=US",
23+
appStore: "https://apps.apple.com/in/app/im-in/id1562889443",
24+
},
25+
{
26+
name: "Community Voice",
27+
domains: ["Communication", "Social", "Networking"],
28+
desc: "Connecting Communities Through Communication!",
29+
icon: require("../assets/icons/communityVoice.png"),
30+
image:
31+
"https://www.it-waves.com/_next/image?url=%2Fimages%2Fwork%2FaccountManager.png&w=828&q=75",
32+
playStore:
33+
"https://play.google.com/store/apps/details?id=com.communityvoice.app",
34+
appStore: "https://apps.apple.com/us/app/community-voice/id1622145253",
35+
},
36+
{
37+
name: "The Cancer App",
38+
desc: "The Cancer App has been designed to help you stay in control of your care, appointments, medications, contacts, and relevant expert information specific to your cancer.",
39+
domains: ["Healthcare"],
40+
icon: require("../assets/icons/cancerApp.png"),
41+
image:
42+
"https://www.it-waves.com/_next/image?url=%2Fimages%2Fwork%2FaccountManager.png&w=828&q=75",
43+
playStore:
44+
"https://play.google.com/store/apps/details?id=com.screwcancer.app&hl=en_IN&gl=US",
45+
appStore: "https://apps.apple.com/in/app/the-cancer-app/id1450257601",
46+
},
47+
{
48+
name: "Ando Rider",
49+
desc: "Rider app for Kenya based Food & Beverage delivery company.",
50+
domains: ["Food & Beverage", "Tracking"],
51+
icon: require("../assets/icons/andoRider.png"),
52+
image:
53+
"https://www.it-waves.com/_next/image?url=%2Fimages%2Fwork%2FaccountManager.png&w=828&q=75",
54+
playStore:
55+
"https://play.google.com/store/apps/details?id=com.andofoods.rider",
56+
},
57+
{
58+
name: "Salonista",
59+
desc: "Some app Description",
60+
domains: ["Food & Beverage"],
61+
icon: require("../assets/icons/salonista.png"),
62+
image:
63+
"https://is3-ssl.mzstatic.com/image/thumb/PurpleSource114/v4/7b/d1/e5/7bd1e5b7-1a8d-9439-f53f-e3745b4fa598/af2a0eb3-a5e7-4599-8c0c-9dbbf144118a_01.png/460x0w.webp",
64+
playStore:
65+
"https://play.google.com/store/apps/details?id=com.itwaves.accountmanager",
66+
appStore:
67+
"https://apps.apple.com/us/app/account-expense-manager/id1596113242",
68+
},
69+
{
70+
name: "eQWe",
71+
domains: ["Food & Beverage"],
72+
icon: require("../assets/icons/salonista.png"),
73+
desc: "Find the ideal meeting point for you and your friends!",
74+
playStore:
75+
"https://play.google.com/store/apps/details?id=com.perfectlocation.eqwe",
76+
appStore: "https://apps.apple.com/in/app/eqwe/id1527450909",
77+
},
78+
];

‎src/index.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
@tailwind base;
2+
@tailwind components;
3+
@tailwind utilities;
4+
15
body {
26
margin: 0;
37
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',

‎tailwind.config.js

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
module.exports = {
2+
content: ["./src/**/*.{js,jsx,ts,tsx}"],
3+
theme: {
4+
extend: {},
5+
},
6+
plugins: [],
7+
};

0 commit comments

Comments
 (0)