https://github.com/makersmecca/portfolio
My Portfolio website built with React+Vite and Tailwind
https://github.com/makersmecca/portfolio
es6-javascript javascript portfolio-project portfolio-site portfolio-templates react reactjs tailwind-css tailwindcss
Last synced: 3 months ago
JSON representation
My Portfolio website built with React+Vite and Tailwind
- Host: GitHub
- URL: https://github.com/makersmecca/portfolio
- Owner: makersmecca
- License: mit
- Created: 2024-08-23T06:02:07.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-11T10:32:38.000Z (9 months ago)
- Last Synced: 2025-05-22T00:39:55.386Z (5 months ago)
- Topics: es6-javascript, javascript, portfolio-project, portfolio-site, portfolio-templates, react, reactjs, tailwind-css, tailwindcss
- Language: JavaScript
- Homepage: https://ayudh.netlify.app
- Size: 12.4 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Portfolio
[](https://app.netlify.com/sites/ayudh/deploys)
[](https://github.com/makersmecca/Portfolio/actions/workflows/codeql.yml)
[](https://github.com/makersmecca/Portfolio/actions/workflows/github-code-scanning/codeql)
### 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](https://nodejs.org/en/download/package-manager)
- 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](https://git-scm.com/downloads)
- VS Code: Download and install [VS Code](https://code.visualstudio.com/download). 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:
- Clone this repository
```bash
git clone https://github.com/makersmecca/Portfolio
```
- Navigate to the project folder
```bash
cd Portfolio
```
- Install Dependencies
```bash
npm install
```
- Start Dev Server
```bash
npm run dev
```
- 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](https://github.com/makersmecca/Portfolio/blob/main/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!
