Web simulation of UbuntuOS
This is a personal portfolio website of theme Ubuntu 20.04, made using React.js & tailwind CSS. If you want to edit this. Clone this project and edit the files in /src/components
.
To run this on localhost type npm start
and when u are done coding type npm run build
to build your app.
NOTE: if you have yarn just replace npm start
and npm run build
with yarn start
and yarn build
.
To make the contact form work
- Create a account in emailjs create also new Outlook or Gmail account to be able to send email.
- Create a new service, select and log in to your newly created outlook or gmail account on EmailJS.
- Go back to the dashboard and get the Service ID copy it.
- Create a .env file in your root folder and put
NEXT_PUBLIC_USER_ID = 'YOUR_USER_ID'
NEXT_PUBLIC_TEMPLATE_ID = 'template_fqqqb9g'
NEXT_PUBLIC_SERVICE_ID = 'YOUR_SERVICE_ID'
into it. Replace *your user id and your service ID with your values in your EmailJS service.
This project was made using Create React App! Here is the scripts that u can run.
npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
npm run build
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
Contributing
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributiors who wants to make this website better can make contribution,which will be greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Added some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
feat : Implemented Calculator app, added 'pwd' command, open all apps from terminal command, fixed Responsive design
Hey! I have implemented Three features.
1. Added Terminal-Calculator app (#44)
Evaluate mathematical expressions:
Operators: addition (
+
), subtraction (-
), multiplication (*
), division (/
), modulo (%
)exponentiation (^
).Mathematical functions:
abs
,acos
,acosh
,asin
,asinh
,atan
,atan2
,atanh
,ceil
,cos
,cosh
,exp
,floor
,ln
,log
,log10
,log2
,round
,sin
,sinh
,sqrt
,cbrt
,tan
,tanh
,max
,min
,fac
,random
,pow
.High-precision numeric type with 20 significant digits.
Exponential notation:
3.4142787736421956e+29
.Variable assignments and use in futher evaluation :
x=1
x+2
clear
command for clearing calculator appexit
command for exit from calculator app2. Added
pwd
command for terminal and other commands to open all apps from the terminal like (#24 )spotify
&spotify .
to open spotify app,chrome
&chrome .
to open google chrome app,todoist
&todoist .
to open todo-ist app,trash
&trash .
to open trash app,settings
&settings .
to open settings app,sendmsg
&sendmsg .
to open sendmsg ,about-vivek
&about-vivek .
to open about-vivek folder.3. Did responsive design fix for the all-application screen (#39)
Add NextJS support
I tried to switch from ReactJS to NextJS to this project but failed. Please make a NextJS version of this project because i want server-side rendering support and other nice benefits. Note:I use this project for my website
Error while running your aplication
i download and run the code using
npm start
,but it shows the error messageFailed to compile.
./src/components/apps/spotify.js SyntaxError: C:\Users\Lenovo\Downloads\vivek9patel.github.io-master\src\components\apps\spotify.js: Unexpected character ' '. (1:0)
Dark mode doesn't capture all text
Hey Vivek, quick issue I noticed that I wanted to point out. On the portfolio application, your
GitHub Sponsor
portion under theProjects
section has black text on a black background:Bug: TypeError: this.props.screen is not a function
So in /components/base/window.js theres a bug:
Unhandled Runtime Error TypeError: this.props.screen is not a function
Source components/base/window.js (291:111) @ WindowMainScreen.render
289 | return ( 290 | <div className={"w-full flex-grow z-20 max-h-full overflow-y-auto windowMainScreen" + (this.state.setDarkBg ? " bg-ub-drk-abrgn " : " bg-ub-cool-grey")}>