Skip to content

makersmecca/Portfolio

Repository files navigation

Portfolio

My personal portfolio website, built 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
To run this project locally, follow these steps:
  1. Clone this repository
  2. git clone https://github.com/makersmecca/Portfolio
  3. Navigate to the project folder
  4. cd Portfolio
  5. Install Dependencies
  6. npm install
  7. Start Dev Server
  8. npm run dev
  9. Open on browser
  10. 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.
  • Switchable Themes: Switchable Dark and Light theme.

License

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!