This is a sleek, lightweight single-page application designed to consolidate an individual's social media and internet presence into one central location. Built with simplicity and performance in mind, the project uses minimalistic yet powerful web technologies.
- Lightweight Design: Leveraging vanilla HTML and CSS for a fast and responsive user experience.
- Dynamic Content: Easy-to-update JSON data file to manage social media links.
- Handlebars Templating: Pre-compiled Handlebars templates for a JavaScript-free frontend.
- Optimized Performance: Minimized CSS and HTML files, and optimized images for lightning-fast loading.
- Accessibility and SEO: Adherence to web accessibility standards and SEO-friendly structure.
- Full PWA Support: use browser caching and offline support for quick loading.
- Development Server: Develop and view the changes on your page in high speed.
LinkMeUp
├── public/ # Directory for static files
│ ├── images/ # Images and icons
│ ├── styles/ # CSS files
│ └── index.html # Main HTML file
├── src/ # Source files
│ ├── templates/ # Handlebars templates
│ └── data.json # JSON file with social media links
│ └── index.js # Linking all JS scripts together
├── package.json # Project metadata and dependencies
└── README.md # Project documentation
To get started with the project:
- Clone the repository:
git clone [repository-url] - Navigate to the project directory:
cd LinkMeUp - Install dependencies (if any):
pnpm install
Develope the project using our development script:
pnpm run devBuild the project using our script:
pnpm run buildDeploy the built files at /dist to your preferred static hosting service.
Contributions to improve the application are always welcome. Please feel free to fork the repository, make changes, and submit a pull request.
This project is open-sourced under the MIT License.
Happy Coding! 🚀