https://github.com/saurabhnalepatil/portfolio
Software Developer Portfolio Website built with Angular and Bootstrap CSS that helps you showcase your work and skills as a software developer.
https://github.com/saurabhnalepatil/portfolio
angular angular-cli bootstrap5 css3 emailjs html5 material-ui typescript
Last synced: about 2 months ago
JSON representation
Software Developer Portfolio Website built with Angular and Bootstrap CSS that helps you showcase your work and skills as a software developer.
- Host: GitHub
- URL: https://github.com/saurabhnalepatil/portfolio
- Owner: saurabhnalepatil
- Created: 2024-04-08T09:08:08.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2025-03-02T16:50:27.000Z (over 1 year ago)
- Last Synced: 2025-06-16T11:06:03.943Z (12 months ago)
- Topics: angular, angular-cli, bootstrap5, css3, emailjs, html5, material-ui, typescript
- Language: HTML
- Homepage: https://portfoliosaurabhnale.vercel.app
- Size: 8.01 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **Developer Portfolio**
## Are you struggling to create a professional portfolio website? Look no further! You can use the Developer Portfolio template and create your very own personalized portfolio today! My website is designed to be user-friendly and easily customizable, making it perfect for both developers and freelancers.
# **Demo đĨ**
# View live preview [here](https://portfoliosaurabhnale.vercel.app/).
# **Table of Contents đ**
- **[Sections](#section)**
- **[Demo](#demo)**
- **[Installation](#installation)**
- **[Getting Started](#getting-started)**
- **[Usage](#usage)**
- **[Packages Used](#packages-used)**
# **Sections đ**
- **HERO SECTION**
- **ABOUT ME**
- **EXPERIENCE**
- **SKILLS**
- **PROJECTS**
- **EDUCATION**
- **BLOG**
- **CONTACTS**
# **Installation âŦī¸**
## You will need to download Git and Node to run this project
- **[Git](https://git-scm.com/downloads)**
- **[Node](https://nodejs.org/en/download/)**
## Make sure you have the latest version of both Git and Node on your computer.
```bash
node --version
git --version
```
# **Getting Started đ¯**
## Fork and Clone the repo
To Fork the repo click on the fork button at the top right of the page. Once the repo is forked open your terminal and perform the following commands
```bash
git clone https://github.com//portfolio.git
cd portfolio
```
## Install packages from the root directory
```bash
npm install
# or
yarn install
```
Then, run the development server:
```bash
npm run dev
# or
yarn dev
```
Open http://localhost:4200 with your browser to see the result.
# **Usage đšī¸**
Go to emailjs.com and create a new account for mail sending. In a free trial, you will get 200 emails per month. After setting up the email JS account, Please create a new .env file from the .env.example file.
Eg:
```bash
NEXT_PUBLIC_EMAILJS_SERVICE_ID =
NEXT_PUBLIC_EMAILJS_TEMPLATE_ID =
NEXT_PUBLIC_EMAILJS_PUBLIC_KEY =
```
## Then, Customize data in the utils/data folder.
Eg:
```bash
export const personalData = {
name: "Saurabh Nale",
profile: "/profile.png",
designation: "Full-Stack Software Developer",
description: "My name is SAURABH NALE....",
email: "saurabhnalepatil.com",
phone: "+91 9511748787",
address: "A1 Tower, Pyramid County, Pansare colony, Bhukum, Mulshi 441521",
github: "https://github.com/saurabhnalepatil/",
linkedIn: "https://www.linkedin.com/in/saurabh-nale-967472216/",
resume: "...",
};
```
devUsername Used for fetching blog from dev. to.
# **Packages Used đĻ**
Here is a list of packages used in this project:
| Package | Description |
|---------------------|-------------------------|
| Angular | Angular framework |
| @emailjs/browser | Email sending library |
| font Awesome-icons | Icon library |
| toaster | Notification library |
| css | CSS preprocessor |
| bootstrap | CSS framework |