Portfolio

My portfolio website. Developed using React, Vite, and Tailwind CSS.

Features

• Minimalistic UI: I prefer a clean look with attention to small details, hence I went with a minimalist design, with subtle animations.
• Responsive: Fully optimized for various screen sizes and devices.
• Interactive: Subtle animations and transitions for enhanced UX.
• Specified Sections: Showcases various aspects of my work in separate sections, like My Projects, Technical Skills etc.
• Downloadable Resume: Download button to download my Resume.
• Custom Animations: Created custom animation sequences using Tailwind config and CSS.

Technologies used

• React JS: A JavaScript library for building user interfaces.
• Vite: A build tool that helps make development faster. Provides quick development servers and efficient production builds.
• Tailwind CSS: A utility-first CSS framework that simplifies styling by providing pre-built classes for common styles.
• Google Fonts: Fun creative fonts from Google that can be imported to your project.
• Netlify: A platform that provides build, deployment, and serverless backend services for web applications and dynamic websites.

Installation

Before you begin, make sure you have the following tools installed on your system:

• Node.js: Download and install Node.js Official site
• npm or yarn: Included with Node.js (check by running "npm -v" or "yarn -v" in your terminal)
• Git: Download and install from Git Official Site
• VS Code: Download and install VS Code. The integrated terminal of VS Code makes it easier to run the bash commands, mentioned in the following steps.

To run this project locally, follow these steps:

1. Clone this repository

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

2. Navigate to the project folder

cd Portfolio

3. Install Dependencies

npm install

4. Start Dev Server

npm run dev

5. Open on browser

Go to "http://localhost:5173"

You should be able to see the portfolio website up and running on your browser.

Planned Future Improvements

• Blog Section: Add blogs to share my experiences, thoughts, skills, and other random projects.
• Contact Me Form: An integrated form to send a message to me.

License

Licensed under MIT License

• You can use, customize, and modify this project to suit your needs.
• Let me know if you do, I'd love to see your versions as well!