Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vivek9patel/vivek9patel.github.io
Personal portfolio website simulating Ubuntu 20.04, made using NEXT.js & tailwind CSS
https://github.com/vivek9patel/vivek9patel.github.io
nextjs personal-portfolio personal-portfolio-website portfolio-website react reactjs tailwindcss ubuntu2004
Last synced: 22 days ago
JSON representation
Personal portfolio website simulating Ubuntu 20.04, made using NEXT.js & tailwind CSS
- Host: GitHub
- URL: https://github.com/vivek9patel/vivek9patel.github.io
- Owner: vivek9patel
- License: mit
- Created: 2021-04-12T09:15:46.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2024-04-30T23:06:54.000Z (6 months ago)
- Last Synced: 2024-09-30T19:01:20.780Z (about 1 month ago)
- Topics: nextjs, personal-portfolio, personal-portfolio-website, portfolio-website, react, reactjs, tailwindcss, ubuntu2004
- Language: JavaScript
- Homepage: https://vivek9patel.github.io/
- Size: 40.9 MB
- Stars: 3,718
- Watchers: 30
- Forks: 591
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- awesome-os - Ubuntu 20.04
README
# Web simulation of UbuntuOS
This is a personal portfolio website of theme Ubuntu 20.04, made using Next.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](https://www.emailjs.com/) 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.
## Star History
[](https://star-history.com/#vivek9patel/vivek9patel.github.io&Date)
## This project was made using Create Next App! Here is the scripts that u can run.
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](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](https://facebook.github.io/create-react-app/docs/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**.
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Added some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request