Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/coder2mo/intro-it

Intro-It is a sophisticated Vue.js web application designed to elevate your GitHub profile introduction. It combines a mesmerizing particle animation background with a captivating professional intro writer effect, creating a memorable first impression.
https://github.com/coder2mo/intro-it

front front-end front-end-development github github-pages intro javascript javascript-framework node-js nodejs nodejs-modules npm-module open-source profile-readme readme-md readme-profile vue vuejs2 vuejs3 web-development

Last synced: 17 days ago
JSON representation

Host: GitHub
URL: https://github.com/coder2mo/intro-it
Owner: Coder2Mo
License: mit
Created: 2023-11-10T02:11:27.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2023-11-14T01:30:55.000Z (about 1 year ago)
Last Synced: 2024-12-21T01:40:43.907Z (17 days ago)
Topics: front, front-end, front-end-development, github, github-pages, intro, javascript, javascript-framework, node-js, nodejs, nodejs-modules, npm-module, open-source, profile-readme, readme-md, readme-profile, vue, vuejs2, vuejs3, web-development
Language: JavaScript
Homepage: https://coder2mo.github.io/Intro-It/
Size: 2.72 MB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE

Awesome Lists containing this project

README

![Intro-It](https://socialify.git.ci/Coder2Mo/Intro-It/image?description=1&descriptionEditable=Intro-It%20is%20a%20sophisticated%20Vue.js%20web%20application%20designed%20to%20elevate%20your%20GitHub%20profile%20introduction.&font=Source%20Code%20Pro&forks=1&issues=1&language=1&name=1&owner=1&pattern=Floating%20Cogs&pulls=1&stargazers=1&theme=Dark)

# Intro-It

Intro-It is a sophisticated Vue.js web application designed to elevate your GitHub profile's
introduction. It combines a mesmerizing particle animation background with a captivating
professional intro writer effect, creating a memorable first impression.

## Live Demo

![A photo explaining how to deploy our vue project on github pages](https://github.com/Coder2Mo/Intro-It/blob/main/Examples/2.png)

You can see a live demo of the project [here](https://coder2mo.github.io/Intro-It/)

## Installation

1. Clone the repository:

```bash
git clone https://github.com/Coder2Mo/Intro-It.git
```

2. Change to the project directory:

```bash
cd Intro-It
```

3. Install project dependencies:

```bash
npm install
```

## Usage

To start the development server:

```bash
npm run introit
```

This will build the project, lint the code, and start the development server.

## Deploying

To deploy your Vue app with GitHub Pages, simply run this command below:

```bash
npm run deploy
```

This deploys your Vue app to the public and gives you a unique link. Open up that project on GitHub and click on Settings.

![A photo explaining how to deploy our vue project on github pages](https://github.com/Coder2Mo/Intro-It/blob/main/src/assets/1.png?raw=true)

Your Vue app is live Now !

## Configuration

The project includes configuration options for the particle animation and the professional intro writer effect. You can modify the configuration in the `MainComponent.vue` file.

## License

This project is open-source and available under the [MIT License](LICENSE).

## Author

- Mohamed Salem (GitHub: [Coder2Mo](https://github.com/Coder2Mo))

## Contribution

Join Me and be part of something great. Contribute your expertise and creativity to make Intro-It even better. Here's how you can get involved:

- Contribute Code: Dive into the source code on GitHub and help us enhance Intro-It.

- Share Ideas: Have a suggestion or a feature in mind? We'd love to hear from you.

- Bug Reporting: Spotted a bug? Report it on our GitHub repository, and we'll address it promptly.

- Your involvement can make a significant difference. Together, we can take Intro-It to new heights!

## Contact

For inquiries and support, please contact Mohamed Salem via email at [[email protected]](mailto:[email protected]).

This revised introduction is designed to captivate your audience, providing a clear and enticing overview of your project. It incorporates a more professional tone and formatting for maximum impact.