-
Notifications
You must be signed in to change notification settings - Fork 0
/
data.js
117 lines (115 loc) · 5.05 KB
/
data.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
import cryptoMockup from "@/Assets/projectMockups/cryptoPriceTracker.jpg";
import appleMockup from "@/Assets/projectMockups/appleWebsiteClone.jpg";
import edieMockup from "@/Assets/projectMockups/edie.jpg";
import california from "@/Assets/projectMockups/california.jpg";
import netflixMockup from "@/Assets/projectMockups/netflix.jpg";
import onCord from "@/Assets/projectMockups/concord.jpg";
import airbnb from "@/Assets/projectMockups/airbnbClone.jpg";
import portfolioV1 from "@/Assets/projectMockups/portfoliov1.jpg";
import onboard from "@/Assets/projectMockups/onborad.jpg";
export const projectData = [
{
name: "california Ecommerce website",
techStack: [
"SCSS Modules",
"React.js",
"Redux",
"Node.js",
"Expressjs",
"AWS",
"MongoDB",
"JWT",
],
previewUrl: "https://mern-ecom-webapp.onrender.com/",
codeUrl: "https://github.com/chathurperera/MERN-Ecommerce-WebApp",
imageUrl: california,
description:
"This ecommerce application was built using the MERN stack.I have implemented authorization using jsonwebtokens.Users can filter out product lists according to their purchasing preferences.",
},
{
name: "Onboard job listing site",
techStack: [
"HTML",
"SCSS Modules",
"React.js",
"React Context API",
"React Router",
"Firebase",
],
previewUrl: "https://onboard-webapp.netlify.app/",
codeUrl: "https://github.com/chathurperera/onboard",
imageUrl: onboard,
description:
"This is a job listing platform developed with React.js, and I have integrated Firebase authentication for Authenticating users with email or Gmail accounts.Currently im working profile page and the jobs filter functionality",
},
{
name: "Netflix Clone App",
techStack: [
"HTML",
"SCSS",
"React.js",
"React Router",
"Redux toolkit",
"Firebase",
],
previewUrl: "https://netflix-bd7af.web.app/",
codeUrl: "https://github.com/chathurperera/Netflix-Clone__NextJS",
imageUrl: netflixMockup,
description:
"This is a clone of Netflix website built using React.JS as a Front-end & Firebase as Back-end.This site has the functionality to authenticate user logins.And also its integrated with stripe payment gateway.",
},
{
name: "Concord Agency landing page",
techStack: ["HTML", "SCSS", "Tailwind CSS", "React.js"],
previewUrl: "https://concord-studio.vercel.app/",
codeUrl: "https://github.com/chathurperera/Concord-Studio-ReactJs",
imageUrl: onCord,
description:
"Concord Studio is a Digital Agency that offers a variety of services for a fixed fee. My goal was to recreate their landing page using react.js and tailwind CSS. ",
},
{
name: "Portfolio V.1",
techStack: ["HTML", "SCSS", "JavaScript"],
previewUrl: "https://portfolio-v1-pi.vercel.app/",
codeUrl: "https://github.com/chathurperera/Portfolio-V1",
imageUrl: portfolioV1,
description:
"My first portfolio website i designed and built in 2020.I learned quite a bit about HTML SASS and javascript.Since then, i think my web development and design skills have improved immensely. ",
},
{
name: "Edie Web Design Agency",
techStack: ["HTML", "SCSS", "JavaScript"],
previewUrl: "https://edie-webdesignagency.vercel.app/",
codeUrl: "https://github.com/chathurperera/Edie-WebDesignAgency",
imageUrl: edieMockup,
description:
"This site was created as a submission to a DevChallenges challenge.The challenge was to build a Landing page for a small team providing web services.",
},
{
name: "Airbnb Clone",
techStack: ["HTML", "SCSS", "Next.js"],
previewUrl: "https://airbnb-clone-fc0d4.web.app/",
codeUrl: "https://github.com/chathurperera/Airbnb-Clone",
imageUrl: airbnb,
description:
"This is a clone of Airbnb website built using React.JS as a Front-end & Firebase as Back-end. It's not a replica, and it doesn't have all the features of Airbnb website.Tt's a similar version of Airbnb with my own design touch.",
},
{
name: "Crypto Price Tracker",
techStack: ["HTML", "SCSS", "React.js"],
previewUrl: "https://crypto-price-tracker-three.vercel.app/",
codeUrl: "https://github.com/chathurperera/Crypto-Price-Tracker",
imageUrl: cryptoMockup,
description:
"A Cryptocurrency Finance Price Tracker built using react hooks and Axios which fetches data from an API and displays realtime data. Users can enter the name of crypto and get the current price, market cap, price change percentage, etc.And also the prices will update live whenever you refresh the page.",
},
{
name: "Apple website clone",
techStack: ["HTML", "SCSS", "JavaScript"],
previewUrl: "https://applecloned.netlify.app/",
codeUrl: "https://github.com/chathurperera/Apple-Hompage-Clone",
imageUrl: appleMockup,
description:
"This is a clone of Netflix website built using React.JS as a Front-end & Firebase as Back-end.This site has the functionality to authenticate user logins.And also its integrated with stripe payment gateway.",
},
];