Ivan Suralta

Website Portfolio made using ReactJS

NOTE: If you choose to use this site as a template for your own website, providing a link in the footer would be greatly appreciated as credit to the creator.

🚀 Quick Start

Run this site locally

NOTE: The default for this repo is main, when you push or pull make sure you specify the correct branch

Step 1: Clone the Repo

Fork the repository. Then, clone the repo locally by doing

git clone https://github.com/ivanovich18/Portfolio.git

Step 2: Install dependencies

Change directory by typing cd

cd Portfolio

Install all dependencies

npm install

Step 3: Start Development Server

Then, start the development server

npm start

📂 What's Inside?

Here is a quick look at the folder structure of this project.

├── build
├── dist
├── node_modules
├── public
│   ├─── favicon.co
│   ├─── index.html
├── src
│   ├── assets
│   │   ├─── favicon_io
│   │   ├─── fonts
│   │   ├─── others
│   │   ├─── slider-photos
│   ├── components
│   │   ├── About
│   │   │   ├── about.css
│   │   │   ├── About.js
│   │   ├── Certifications
│   │   │   ├── certifications.css
│   │   │   ├── Certifications.js
│   │   ├── Contact
│   │   │   ├── contact.css
│   │   │   ├── Contact.js
│   │   ├── Experience
│   │   │   ├── experience.css
│   │   │   ├── Experience.js
│   │   ├── Footer
│   │   │   ├── footer.css
│   │   │   ├── Footer.js
│   │   ├── Hero
│   │   │   ├── hero.css
│   │   │   ├── Hero.js
│   │   ├── Nav
│   │   │   ├── nav.css
│   │   │   ├── Nav.js
│   │   ├── Projects
│   │   │   ├── projects.css
│   │   │   ├── Projects.js
│   │   ├── Skills
│   │   │   ├── skills.css
│   │   │   ├── Skills.js
│   ├── App.js
│   ├── index.js
│   ├── style.css
├── .gitignore
├── LICENSE
├── package-lock.json
├── package.json
├── README.md
├── tailwind.config.js
├── tailwind.config.scss

Tools Used

1. ReactJS
2. React-icons
3. AOS
4. EmailJS
5. Jest for Unit Testing

🧑🏻‍💻 Contributing

After cloning & setting up the local project, you can push the changes to your GitHub fork and make a pull request.

Pushing the changes

git add .
git commit -m "Commit Message"
git push YOUR_REPO_URL main

🔧 Pending Fix

This web application is still on its build phase. Here are some of the things that needs to be finished:

1. Add unit tests for contact form validation.
2. Optimize assets esp. images for faster load on slow internet devices.
3. Add a modal view when clicking the project card.

---

Made with ❤️ by Ivan Suralta