Skip to content

Commit 0f0cd7f

Browse files
TheSYNcoderTheSYNcoder
committed
added support for terminal commands and bg-change
1 parent b9f95b7 commit 0f0cd7f

24 files changed

+372
-66
lines changed

‎README.md‎

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,22 @@
11
# Personal Website
22

3-
43
Hey there, welcome to my personal website.
54
This is a portfolio website built on the theme of MacOS made with ReactJs and TailwindCSS.
65
This is currently under development.
76

87
# UNDER DEVELOPMENT :construction: on :apple:
98

9+
## Features present currently
10+
11+
* MacOs Bash terminal support for basic commands like ls, cd ,clear.
12+
* Opening of multiple windows
13+
* Changing of desktop background
14+
* And Obviously - My Portfolio in a window ( working on it).
15+
16+
## Contributions are most welcome
17+
18+
If you think you can help grow this website, consider forking the main repo and making a pull request. Will be more than happy to integrate it.
19+
1020
### Disclaimer
1121

1222
All trademarks(including logos and icons) remain the property of their respective owners. Unless specified or identified, the use of the trademarks does not indicate any relationship, endorsement or sponsorship. All references are to identify the corresponding third party goods.

‎package-lock.json‎

Lines changed: 5 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: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@
2020
"postcss": "^7.0.35",
2121
"react": "^17.0.2",
2222
"react-dom": "^17.0.2",
23+
"react-ga": "^3.3.0",
2324
"react-motion": "^0.5.2",
2425
"react-pdf": "^5.3.0",
2526
"react-scripts": "4.0.3",
@@ -29,7 +30,7 @@
2930
},
3031
"scripts": {
3132
"start": "craco start",
32-
"build": "craco build",
33+
"build": "GENERATE_SOURCEMAP=false && craco build",
3334
"test": "craco test",
3435
"eject": "react-scripts eject",
3536
"predeploy": "npm run build",

‎public/favicon.ico‎

4 KB
Binary file not shown.

‎public/index.html‎

Lines changed: 4 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -7,38 +7,17 @@
77
<meta name="theme-color" content="#000000" />
88
<meta
99
name="description"
10-
content="Web site created using create-react-app"
10+
content="Personal Website of Shuvayan Ghosh Dastidar"
1111
/>
1212
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
13-
<!--
14-
manifest.json provides metadata used when your web app is installed on a
15-
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
16-
-->
13+
1714
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
18-
<!--
19-
Notice the use of %PUBLIC_URL% in the tags above.
20-
It will be replaced with the URL of the `public` folder during the build.
21-
Only files inside the `public` folder can be referenced from the HTML.
22-
23-
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
24-
work correctly both with client-side routing and a non-root public URL.
25-
Learn how to configure a non-root public URL by running `npm run build`.
26-
-->
27-
<title>React App</title>
15+
16+
<title>Shuvayan's Website</title>
2817
</head>
2918
<body>
3019
<noscript>You need to enable JavaScript to run this app.</noscript>
3120
<div id="root"></div>
32-
<!--
33-
This HTML file is a template.
34-
If you open it directly in the browser, you will see an empty page.
35-
36-
You can add webfonts, meta tags, or analytics to this file.
37-
The build step will place the bundled scripts into the <body> tag.
38-
39-
To begin the development, run `npm start` or `yarn start`.
40-
To create a production bundle, use `npm run build` or `yarn build`.
41-
-->
4221
</body>
4322
<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
4423

‎public/manifest.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
2-
"short_name": "React App",
3-
"name": "Create React App Sample",
2+
"short_name": "Shuvayan's Portfolio",
3+
"name": "Portfolio Website of Shuvayan Ghosh Dastidar made with ReactJs and tailwindcss.",
44
"icons": [
55
{
66
"src": "favicon.ico",

‎src/App.js‎

Lines changed: 28 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -10,14 +10,21 @@ import DefaultContextMenu from "./Components/DefaultContextMenu";
1010
import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';
1111
import Profile from "./Components/Profile";
1212
import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
13+
import ReactGA from 'react-ga';
14+
import Terminal from "./Components/Terminal";
15+
import ChangeBackground from "./Components/ChangeBackground";
16+
import Dock from "./Components/Dock";
17+
import HDD from "./Assets/hdd.png";
18+
import Folder from "./Assets/folder.png";
19+
20+
import Head from 'next/head';
21+
ReactGA.initialize('G-7NQQVYC6KN');
22+
ReactGA.pageview(window.location.pathname + window.location.search);
1323

1424

15-
import Terminal from "./Components/Terminal";
1625

1726

1827

19-
import HDD from "./Assets/hdd.png";
20-
import Folder from "./Assets/folder.png";
2128

2229
const Component = () => {
2330
const { theme, setTheme } = useTheme();
@@ -36,6 +43,10 @@ const Component = () => {
3643
// setNumPages(nextNumPages);
3744
// }
3845

46+
React.useEffect(() => {
47+
setTheme('dark');
48+
}, []);
49+
3950

4051
const getComponent = (id) => {
4152

@@ -44,6 +55,8 @@ const Component = () => {
4455
return <Profile/>
4556
case 'TERMINAL':
4657
return <Terminal/>
58+
case 'CHANGE_BACKGROUND':
59+
return <ChangeBackground/>
4760
default:
4861
return <div>Some Content</div>
4962
}
@@ -97,11 +110,11 @@ const Stacks = () => {
97110
const [state, dispatch] = useContext(Context);
98111
return (
99112
<div className="absolute right-0 mr-10 flex flex-col bg-transparent z-10">
100-
<img src={HDD} style={{height:"70px", width:"70px"}} className="m-4 mb-0 shadow-xl" />
113+
<img src={HDD} className="m-4 mb-0 h-12 w-12 md:h-16 md:w-16 shadow-xl" />
101114
<div className="text-xs text-white ml-1 font-black mt-2">Macintosh HD</div>
102-
<div className="cursor-pointer focus:bg-gray-400 z-30"
115+
<div className="cursor-pointer focus:bg-gray-400 z-10"
103116
onClick={() => dispatch({ type: "NEW_WINDOW", payload: { id: 'PROFILE', header: true } })}>
104-
<img src={Folder} style={{ height: "70px", width: "70px" }} className="m-4 mb-0 shadow-xl" />
117+
<img src={Folder} className="m-4 mb-0 h-12 w-12 md:h-16 md:w-16 shadow-xl" />
105118
<div className="text-xs text-white ml-4 font-black mt-2">About Me</div>
106119
</div>
107120
</div>
@@ -112,16 +125,22 @@ const App = () => {
112125

113126

114127

128+
115129
return (
116130
<Store>
117-
<ThemeProvider attribute="class" defaultTheme="dark" >
118-
131+
<ThemeProvider attribute="class">
132+
<Head>
133+
<meta name="viewport" content="width=device-width, initial-scale=1" />
134+
<meta charSet="utf-8" />
135+
<title>Shuvayan's website</title>
136+
<meta name="description" content={"This is the personal website of Shuvayan Ghosh Dastidar. The portfolio website is made using ReactJs and tailwindcss."} />
137+
</Head>
119138
<Header />
120139
<Component />
121140
<Stacks/>
122141
<Background />
123142
<ContextMenu menu={ <DefaultContextMenu />} />
124-
143+
<Dock/>
125144
</ThemeProvider>
126145
</Store>
127146

‎src/Assets/bigsur.png‎

575 KB
Loading

‎src/Assets/launchpad.png‎

14.1 KB
Loading

‎src/Assets/mail.png‎

13.2 KB
Loading

0 commit comments

Comments
 (0)