Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/abdulbasit110/my-portfolio
A personal portfolio website showcasing my web development skills, projects, and experiences. Built with React.js, Tailwind CSS, Framer Motion, and Particle.js, this responsive and interactive site highlights my expertise in modern web technologies.
https://github.com/abdulbasit110/my-portfolio
framer-motion jaavscript particles portfolio-website reactjs tailwindcss webdesign
Last synced: 15 days ago
JSON representation
A personal portfolio website showcasing my web development skills, projects, and experiences. Built with React.js, Tailwind CSS, Framer Motion, and Particle.js, this responsive and interactive site highlights my expertise in modern web technologies.
- Host: GitHub
- URL: https://github.com/abdulbasit110/my-portfolio
- Owner: Abdulbasit110
- Created: 2024-03-27T22:36:51.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-01-01T10:08:13.000Z (26 days ago)
- Last Synced: 2025-01-01T11:20:02.002Z (26 days ago)
- Topics: framer-motion, jaavscript, particles, portfolio-website, reactjs, tailwindcss, webdesign
- Language: JavaScript
- Homepage: https://my-portfolio-two-sage-85.vercel.app/
- Size: 7.09 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MY-Portfolio
This is a personal portfolio website built to showcase my skills, projects, and experiences as a web developer. The website is fully responsive and provides an overview of my professional background, technologies I've worked with, and a selection of my best projects. The portfolio includes sections like Home, About, Technologies, Projects, and Contact.
## Features
- **Home**: A landing page with a brief introduction.
- **About**: A detailed section about my professional journey, skills, and experiences.
- **Technologies**: A list of technologies and tools I am proficient with.
- **Projects**: A showcase of selected projects with descriptions and links to live demos or GitHub repositories.
- **Contact**: A contact form to get in touch with me directly.
## Technologies Used
- **Frontend Framework**: React.js
- **Styling**: Tailwind CSS
- **Animations**: Framer Motion for advanced animations and transitions
- **Background Effects**: Particle.js for creating interactive particle backgrounds
- **Deployment**: Vercel
## Folder Structure
- **/public**: Contains static assets like images, fonts, etc.
- **/src**: Contains the source code for the portfolio.
- **/components**: Reusable UI components.
- **/pages**: Main pages like Home, About, Technologies, Projects, and Contact.
- **/styles**: Global styles and configurations for Tailwind CSS.
- **.gitignore**: Specifies which files and directories to ignore in version control.
- **README.md**: The file you are currently reading.
- **package.json**: Project metadata and dependencies.
- **postcss.config.js**: Configuration for PostCSS, used by Tailwind CSS.
- **tailwind.config.js**: Configuration file for Tailwind CSS.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/Abdulbasit110/MY-Portfolio.git
```
2. Navigate to the project directory:
```bash
cd MY-Portfolio
```
3. Install dependencies:
```bash
npm install
```
4. Run the development server:
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
## Deployment
This project is deployed on Vercel. To deploy your own version:
1. Connect your repository to Vercel.
2. Configure your environment variables on Vercel if needed.
3. Deploy the project.
## Contributing
Contributions are welcome! Feel free to submit a pull request for any improvements or bug fixes.
## License
This project is licensed under the MIT License.