sagaranand03 / personal_portfolio

Personal Portfolio By using React Js

Personal Portfolio - React Demo

The goal of this project is to create a Personal Portfolio by using React

Folder directory of the Project

📦Todo_List
 ┣ 📂node_modules
 ┣ 📂public
 ┃ ┣ 📜favicon.ico
 ┃ ┗ 📜index.html
 ┣ 📂src
 ┃ ┣ 📂assets
 ┃ ┃ ┣ 📂aboutAssets
 ┃ ┃ ┃ ┗ 📜MyPicture.jpg
 ┃ ┃ ┣ 📂appAssets
 ┃ ┃ ┃ ┗ 📜Background.png
 ┃ ┃ ┣ 📂headerAssets
 ┃ ┃ ┃ ┣ 📜CV.pdf
 ┃ ┃ ┃ ┗ 📜MyPicture.png
 ┃ ┃ ┣ 📂portfolioAssets
 ┃ ┃ ┃ ┣ 📜image0.png
 ┃ ┃ ┃ ┣ 📜image1.png
 ┃ ┃ ┃ ┗ 📜OnlyReplacement.gif
 ┃ ┃ ┗ 📂testimonialsAssets
 ┃ ┃ ┃ ┗ 📜me.jpg
 ┃ ┣ 📂componentes
 ┃ ┃ ┣ 📂about
 ┃ ┃ ┃ ┣ 📜about.css
 ┃ ┃ ┃ ┗ 📜About.jsx
 ┃ ┃ ┣ 📂contact
 ┃ ┃ ┃ ┣ 📜contact.css
 ┃ ┃ ┃ ┗ 📜Contact.jsx
 ┃ ┃ ┣ 📂experiences
 ┃ ┃ ┃ ┣ 📜experience.css
 ┃ ┃ ┃ ┗ 📜Experience.jsx
 ┃ ┃ ┣ 📂footer
 ┃ ┃ ┃ ┣ 📜footer.css
 ┃ ┃ ┃ ┗ 📜Footer.jsx
 ┃ ┃ ┣ 📂header
 ┃ ┃ ┃ ┣ 📜CTA.jsx
 ┃ ┃ ┃ ┣ 📜header.css
 ┃ ┃ ┃ ┣ 📜Header.jsx
 ┃ ┃ ┃ ┗ 📜HeaderSocials.jsx
 ┃ ┃ ┣ 📂navbar
 ┃ ┃ ┃ ┣ 📜navbar.css
 ┃ ┃ ┃ ┗ 📜Navbar.jsx
 ┃ ┃ ┣ 📂portfolio
 ┃ ┃ ┃ ┣ 📜portfolio.css
 ┃ ┃ ┃ ┗ 📜Portfolio.jsx
 ┃ ┃ ┣ 📂services
 ┃ ┃ ┃ ┣ 📜services.css
 ┃ ┃ ┃ ┗ 📜Services.jsx
 ┃ ┃ ┣ 📂testimonials
 ┃ ┃ ┃ ┣ 📜testimonials.css
 ┃ ┃ ┃ ┗ 📜Testimonials.jsx
 ┃ ┃ ┗ 📜index.js
 ┃ ┣ 📜App.jsx
 ┃ ┣ 📜index.css
 ┃ ┗ 📜index.js
 ┣ 📜.gitignore
 ┣ 📜LICENSE
 ┣ 📜package-lock.json
 ┣ 📜package.json
 ┗ 📜README.md 
 

Note:- Some of file are only visible after applying the migrations

Version(Used while making project)

React :

 React  17.0.2

NPM :

 npm 8.1.2

Swiper :

 swiper 8.0.6

Email JS :

 emailjs 3.2.0

React Icons

 react-icons 4.3.1

Install project dependencies:(Ignore if you have following dependencies in you computer)

Node Js:

 https://nodejs.org/en/

NPM:

 npm install -g npm

Email Js: (Only for reference)

 https://www.emailjs.com/

Swiper Js: (Only for reference)

 https://swiperjs.com/

Personal Portfolio's - React

Getting Started

First clone the repository from Github and switch to the new directory:

 git clone https://github.com/sa24449/Personal_Portfolio.git

Move to Project directory:

 cd Personal_Portfolio

Download all the direct and transitive dependencies:

 npm install

You can now run the development server:

 npm start

In Terminal you can find project is running on your local host on successful run

 http://localhost:3000

LICENSE

MIT