https://github.com/beastaman/vero
https://github.com/beastaman/vero
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/beastaman/vero
- Owner: beastaman
- Created: 2025-01-06T10:24:18.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-01-06T10:42:45.000Z (5 months ago)
- Last Synced: 2025-01-16T08:47:32.049Z (5 months ago)
- Language: CSS
- Homepage: https://vero-jade.vercel.app
- Size: 17 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vero - Personal Portfolio Template 🚀
Welcome to **Vero**, a modern and sleek personal portfolio template designed to showcase your skills, projects, and achievements. Whether you're a developer, designer, or creator, Vero offers a visually appealing and responsive solution to highlight your work and connect with potential clients or employers. 🎨✨
[Live Demo](https://vero-jade.vercel.app)
## Features 🔥
- **Fully Responsive Design** 📱 - Optimized for desktop, tablet, and mobile devices
- **Smooth Animations** ✨ - Enjoy smooth scrolling and page transitions
- **Easy-to-Use Contact Form** 📧 - Visitors can directly reach out to you
- **Dark and Light Mode** 🌙🌞 - Toggle between two stunning themes
- **SEO-Friendly** 🌍 - Built with SEO best practices for better search rankings
- **Cross-browser Compatibility** 🌐 - Works seamlessly on all major browsers
- **Well-Structured Code** 🧑💻 - Clean, easy-to-read code for quick modifications
- **GitHub Integration** 📁 - Share your GitHub profile and repositories with ease
## Installation 🔧
1. **Clone the repository**
```bash
git clone https://github.com/beastaman/vero.git
```
2. **Navigate to project directory**
```bash
cd vero
```
3. **Install dependencies**
```bash
npm install
```
4. **Start development server**
```bash
npm run dev
```
5. **View in browser**
Open [http://localhost:3000](http://localhost:3000) to view the project.
## Usage 📖
Vero is designed for quick deployment and easy customization:
### Basic Setup
1. Edit your personal information, skills, and projects in `data.js`
2. Add new sections by following the component structure in the `components/` folder
3. The layout automatically adjusts based on screen size - no additional configuration needed
### Perfect For
- Personal portfolios
- Freelance developers/designers
- Online resumes
- Project showcases
## Customization ⚙️
### Basic Customization
1. **Theme Colors** 🌈
- Update colors in `styles/globals.css` for both dark and light modes
2. **Typography** 🖋️
- Modify fonts in `styles/globals.css`
- Adjust font-family and font-size properties
3. **Content** 📝
- Update personal details in `data.js`
- Modify name, bio, social links, and skills
4. **Projects** 📁
- Add project details in `projects.js`
- Link to GitHub or other platforms
5. **Social Media** 📱
- Customize social media icons and links in the Social component
### Advanced Customization 🔥
1. **Animations** 🎬
- Modify `animations.js` for custom transitions
- Add new animation effects
2. **Analytics** 📊
- Add tracking scripts in `_document.js`
- Integrate Google Analytics or similar tools
3. **Custom Scripts** 💻
- Add JavaScript files to `public/js/`
- Implement additional functionality
4. **SEO** 🌍
- Adjust meta tags in `next.config.js`
- Optimize for search engines
## Contributing 🤝
We welcome contributions from developers of all skill levels:
1. Fork the repository
2. Create a feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit changes (`git commit -m 'Add AmazingFeature'`)
4. Push to branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
### Reporting Issues 🛠️
Found a bug or have a suggestion? Open an issue on our [GitHub Issues](https://github.com/beastaman/vero/issues) page.
## License 📄
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Contact 📬
Feel free to reach out and connect:
- **Email**: [[email protected]](mailto:[email protected])
- **GitHub**: [BeastAman🧑💻👨💻](https://github.com/beastaman)
- **Twitter**: [Twitter](https://twitter.com/MohammedN11)
- **LinkedIn**: [LinkedIn](https://linkedin.com/in/beastaman)
- **Instagram**: [Instagram](https://instagram.com/mohd_aman_25)
---
Made with ❤️ by [beastaman](https://mohdaman-portfolio.vercel.app)