Update README.md

This commit is contained in:
Emil Gulamov 2024-11-02 05:04:56 -07:00 committed by GitHub
parent 1b20756b35
commit 5a4f0cfb82
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -2,14 +2,13 @@
![ScrewFast](https://github.com/mearashadowfax/ScrewFast/assets/125820963/cdf299bd-414a-4a2d-baf0-d188bb4709c7) ![ScrewFast](https://github.com/mearashadowfax/ScrewFast/assets/125820963/cdf299bd-414a-4a2d-baf0-d188bb4709c7)
ScrewFast is an open-source template designed for quick and efficient web project setup, blending minimalism with functionality. Whether you're showcasing a portfolio, launching a company landing page, or running a blog, ScrewFast provides everything you need. By combining the power of the [Astro](https://astro.build/), [Tailwind CSS](https://tailwindcss.com/), and [Preline UI](https://preline.co/), this template offers a functional and aesthetically pleasing solution for your web presence. ScrewFast is an **open-source template** designed for quick and efficient web project setup, blending **minimalism with functionality**. Whether you're showcasing a portfolio, launching a company landing page, or running a blog, ScrewFast provides everything you need. By combining the power of the [Astro](https://astro.build/), [Tailwind CSS](https://tailwindcss.com/), and [Preline UI](https://preline.co/), this template offers a functional and aesthetically pleasing solution for your web presence.
**[View Live Demo](https://screwfast.uk)** **[View Live Demo](https://screwfast.uk)**
## Table of Contents ## Table of Contents
* [Why Choose ScrewFast?](#why-choose-screwfast) * [Why Choose ScrewFast?](#why-choose-screwfast)
* [Features](#features)
* [What's New](#whats-new) * [What's New](#whats-new)
* [Getting Started](#getting-started) * [Getting Started](#getting-started)
* [Installation](#installation) * [Installation](#installation)
@ -57,7 +56,7 @@ ScrewFast is an open-source template designed for quick and efficient web projec
* **Optimized for Small Projects:** Perfect for crisp, professional web personas without excess complexity. * **Optimized for Small Projects:** Perfect for crisp, professional web personas without excess complexity.
* **Highly Customizable:** Flexibly adapt and style your site using Astro and Tailwind CSS. * **Highly Customizable:** Flexibly adapt and style your site using Astro and Tailwind CSS.
## Features ### Features
* **Astro-Powered:** Utilize a modern static-site generation framework. * **Astro-Powered:** Utilize a modern static-site generation framework.
* **Tailwind CSS:** Enjoy rapid UI development with a utility-first CSS framework. * **Tailwind CSS:** Enjoy rapid UI development with a utility-first CSS framework.
@ -70,53 +69,41 @@ ScrewFast is an open-source template designed for quick and efficient web projec
## What's New ## What's New
### Added Features
* [x] **Social Share Component**: * [x] **Social Share Component**:
* Enables users to share blog posts on social media platforms. * Enables users to share blog posts on social media platforms.
* Provides easy sharing of a blog post's title and URL. * Provides easy sharing of a blog post's title and URL.
* Integrates Clipboard.js for link URL copy functionality. * Integrates Clipboard.js for easy link copying.
* [x] **Bookmark Button Component**: * [x] **Bookmark Button Component**:
* Allows users to bookmark blog posts for later reference. * Allows users to bookmark blog posts for later reference using `localStorage`.
* Provides a visual indication of whether a post is bookmarked. * Provides a visual indication of whether a post is bookmarked.
* Utilizes `localStorage` to store bookmarks locally in the browser.
* For SSR, replace `localStorage` with cookies to persist bookmarked posts. * For SSR, replace `localStorage` with cookies to persist bookmarked posts.
* This setup opens up the possibility for the server to dynamically render content based on user-specific bookmarks, should you choose to implement this feature. * This setup opens up the possibility for the server to dynamically render content based on user-specific bookmarks, should you choose to implement this feature.
* [x] **Post Feedback Component**: * [x] **Post Feedback Component**:
* Collects user feedback at the end of each blog post. * Collects user feedback at the end of blog posts.
* Serves as a UI demonstration with no live back-end integration. * Serves as a UI demonstration (no back-end integration currently).
* [x] **Starlight Documentation Theme Integration**: * [x] **Starlight Documentation Theme Integration**:
* A sleek, user-friendly, full-featured documentation theme, which enhances the readability and usability of documentation. * A sleek, user-friendly, full-featured documentation theme, which enhances the readability and usability of documentation.
* Offers a range of features such as site navigation, built-in search functionality, dark mode, syntax highlighting for code, and improved SEO. * Enhances readability and usability of documentation with features like site navigation, search, dark mode, code highlighting, and internationalization support.
* Seamlessly integrates internationalization (i18n) to provide support for documentation in multiple languages, catering to a global audience.
* Designed to facilitate ease of use while offering a modern aesthetic in both light and dark themes to accommodate user preferences.
* [x] **Icon Set Component**: * [x] **Icon Set Component**:
* Convenient and reusable Icon component that allows adding icons simply by providing a name prop. * Centralizes SVG icons for easy management and updates.
* Render any pre-defined icon SVG using `<Icon name="iconName" />` in your Astro components. * Render any pre-defined icon SVG using `<Icon name="iconName" />` in your Astro components.
* The Icon Component offers a centralized location for all SVG Icons across the project in one TypeScript file - allowing unified updates and easy maintenance.
* **Note:** Developers have the option to use other community integrations like [astro-icons](https://github.com/natemoo-re/astro-icon). However, the author decided to create a custom icon set component for managing custom icons. * **Note:** Developers have the option to use other community integrations like [astro-icons](https://github.com/natemoo-re/astro-icon). However, the author decided to create a custom icon set component for managing custom icons.
* [x] **Internationalization (i18n) Features**: * [x] **Internationalization (i18n) Features**:
* Integrates [Astros internationalization (i18n) features](https://docs.astro.build/en/guides/internationalization/). * Integrates [Astro's i18n features](https://docs.astro.build/en/guides/internationalization/) and includes a custom `LanguagePicker` component.
* Additionally, a custom LanguagePicker component has been developed to facilitate language selection.
* Developers can access the monolingual version directly from [`monolingual-site` branch](https://github.com/mearashadowfax/ScrewFast/tree/monolingual-site). * Developers can access the monolingual version directly from [`monolingual-site` branch](https://github.com/mearashadowfax/ScrewFast/tree/monolingual-site).
* [x] **Dynamic Table of Contents (ToC) with Scroll Progress Indicator**: * [x] **Dynamic Table of Contents (ToC) with Scroll Progress Indicator**:
* Enhances ease of navigation in insight posts by highlighting the relevant section in the ToC, and includes a progress indicator to visually represent scroll progress. * Highlights the relevant section in the ToC with a scroll progress indicator.
* Developers seeking alternatives might consider the [remark-toc](https://github.com/remarkjs/remark-toc) plugin. * Developers seeking alternatives might consider the [remark-toc](https://github.com/remarkjs/remark-toc) plugin.
### Planned Improvements > [!NOTE]
> Currently, there are no planned improvements or known bugs. If you encounter any issues, please report them on our [issues page](https://github.com/mearashadowfax/ScrewFast/issues).
* Currently, there are no planned improvements. We'll update this section as plans develop.
### Bug Fixes
* Currently, there are no known bugs. If you encounter any issues, please report them on our [issues page](https://github.com/mearashadowfax/ScrewFast/issues).
## Getting Started ## Getting Started
This guide will provide you with the necessary steps to set up and familiarize yourself with the Astro project on your local development machine. This guide will provide you with the necessary steps to set up and familiarize yourself with the Astro project on your local development machine.
@ -345,8 +332,6 @@ The `Navbar.astro` and `NavbarMegaMenu.astro` components can be configured withi
## Integrations and Enhancements ## Integrations and Enhancements
ScrewFast leverages the power of Astro — a modern, cutting-edge site building framework — and integrates it seamlessly with the utility-first CSS framework TailwindCSS, to deliver exceptional site performance and a seamless user experience. Here are some notable integrations and enhancements included in the project:
### Starlight Documentation ### Starlight Documentation
ScrewFast is now equipped with Starlight, designed to elevate the user experience with documentation. This modern and elegant theme includes a suite of features to make content more accessible and enjoyable to navigate. ScrewFast is now equipped with Starlight, designed to elevate the user experience with documentation. This modern and elegant theme includes a suite of features to make content more accessible and enjoyable to navigate.