<h2>Overview</h2>
AstroPaper is a minimal, responsive, accessible, and SEO-friendly Astro blog theme. It is designed based on the creator's personal blog and follows best practices for web development. The theme supports light and dark modes and allows for customization of color schemes. AstroPaper also includes features such as type-safe markdown, super fast performance, keyboard and screen reader accessibility, responsive design, fuzzy search, draft posts and pagination, sitemap and RSS feed generation. The theme provides a good lighthouse score and is built using Astro, TypeScript, ReactJS, TailwindCSS, and other technologies.
<h2>Features</h2>
<ul>
<li>Type-safe markdown: Allows for writing markdown while maintaining type safety.</li>
<li>Super fast performance: Optimized for fast loading and performance.</li>
<li>Accessible (Keyboard/VoiceOver): Supports keyboard navigation and screen reader compatibility.</li>
<li>Responsive (mobile ~ desktops): Adapts to different screen sizes and devices.</li>
<li>SEO-friendly: Built with search engine optimization in mind.</li>
<li>Light &#x26; dark mode: Supports both light and dark color schemes.</li>
<li>Fuzzy search: Allows users to search for content using fuzzy search algorithms.</li>
<li>Draft posts &#x26; pagination: Provides the ability to create draft posts and includes pagination.</li>
<li>Sitemap &#x26; RSS feed: Generates a sitemap and RSS feed for improved website visibility.</li>
<li>Followed best practices: Built following industry best practices.</li>
<li>Highly customizable: Can be easily customized based on user preferences.</li>
<li>Dynamic OG image generation for blog posts: Generates dynamic Open Graph images for blog posts.</li>
</ul>

<h2>Overview:</h2>
The Haru-Fashion E-commerce Web Application is a responsive e-commerce platform developed with Next.JS and TypeScript. It incorporates Tailwind CSS for styling and utilizes React's Context API for efficient state management. Moreover, a custom REST API named Haru API serves as the backend for this web application.
<h2>Features:</h2>
<ul>
<li>Progressive Web App (PWA): Ensures a seamless user experience across various devices.</li>
<li>Full-text Search: Facilitates users in locating specific products quickly.</li>
<li>Responsive Design: Ensures optimal viewing experience on both mobile and desktop devices.</li>
<li>Wishlist: Users can save desired items for later consideration.</li>
<li>Add To Cart: Enables customers to add products to their shopping cart.</li>
<li>Different Category Page: Categorizes products for easy navigation.</li>
<li>Authentication (Register/Login/Logout): Secure user-specific functionalities.</li>
<li>Pagination: Enhances the browsing experience by organizing content.</li>
<li>Animation: Incorporates visual appeal through dynamic animations.</li>
<li>i18n (English &#x26; Burmese): Supports multilingual content for diverse users.</li>
<li>Keyboard Accessible: Ensures accessibility for users navigating via keyboard.</li>
</ul>

<h2>Overview</h2>
Next Bookstore is an e-commerce project for an online bookstore developed using NextJS 13 and its experimental appDir. The frontend UI is crafted with radix-ui and TailwindCSS, while the backend is powered by StrapiCMS. Key features of this project include responsive design, search functionality, add to cart and add to wishlist options, and SEO-friendly pages. The project is still in beta, with more features and enhancements planned for the future.
<h2>Features</h2>
<ul>
<li>Responsive Design: The website is designed to adapt to different screen sizes and devices for a seamless user experience.</li>
<li>Search Functionality: Users can easily search for books or authors using the search feature.</li>
<li>Add To Cart: Users can add books to their shopping cart for easy checkout.</li>
<li>Add To Wishlist: Users can save books to their wishlist for future reference.</li>
<li>SEO-friendly: The website is optimized for search engines to improve visibility and organic traffic.</li>
<li>Order Processing: Planned feature to handle order processing and payment.</li>
<li>Filtering Items: Planned feature to allow users to filter books based on various criteria.</li>
<li>Better Pagination: Planned enhancement to improve the pagination of search results.</li>
<li>Better Error Handling: Planned improvement to handle errors more gracefully.</li>
<li>Better Loading UI with Next 13: Planned enhancement to provide a better loading experience for users.</li>
<li>Accessibility enhancements: Planned improvements to make the website more accessible for users with disabilities.</li>
<li>Security improvements: Planned enhancements to strengthen the security of the website.</li>
<li>PWA?: Planned feature to make the website a Progressive Web App.</li>
<li>Testing?: Planned feature to implement testing for the project.</li>
</ul>

<h2>Overview:</h2>
The Sat Naing Portfolio &#x26; Blog is a website developed with Next.JS and TypeScript, featuring a portfolio and a blog section. The site utilizes Tailwind CSS and GSAP for styling and animations, supports light and dark themes, and has responsive design to ensure accessibility across different devices. The blog contents are written in Markdown format, making it easy to manage and update the content.
<h2>Features:</h2>
<ul>
<li>Responsive Design: Ensures a seamless experience across different devices including mobile phones and desktops.</li>
<li>Light &#x26; Dark Themes: Users can switch between light and dark themes for their preferred viewing experience.</li>
<li>Fully Accessible: The website is designed to be fully accessible with features focused on inclusivity.</li>
<li>Categories, Tags: Organize and categorize content for easy navigation and browsing.</li>
<li>Search Box: Users can search for specific content within the website.</li>
<li>SEO Friendly: Optimized for search engines to improve visibility and ranking.</li>
<li>Markdown Content: The blog contents are written in Markdown format for easy editing and formatting.</li>
</ul>

<h2>Overview</h2>
The Shadcn Admin Dashboard is a user interface designed with Shadcn and Vite, focusing on responsiveness and accessibility. Created with the intention of providing a reusable collection of dashboard UI elements, this project incorporates light and dark modes, responsive design, accessible features, sidebar and header layouts, over 10 pages, and additional custom components. The tech stack includes ShadcnUI (TailwindCSS + RadixUI), Vite for build tool, React Router for routing, TypeScript for type checking, Eslint &#x26; Prettier for linting/formatting, and Tabler Icons for icons.
<h2>Features</h2>
<ul>
<li>Light/dark mode</li>
<li>Responsive design</li>
<li>Accessible features</li>
<li>Sidebar and header layouts</li>
<li>10+ pages</li>
<li>Extra custom components</li>
</ul>
<h2>Summary</h2>
The Shadcn Admin Dashboard offers a comprehensive user interface solution with a focus on responsiveness, accessibility, and customization. With features like light/dark mode, responsive design, and various custom components, this project provides a solid foundation for building dashboard UIs for various applications. The incorporation of ShadcnUI, Vite, React Router, TypeScript, and other tools ensures a modern and efficient development experience for users.

Satnaing

Astro Paper

Haru Fashion

Next Bookstore

Satnaing.dev

Shadcn Admin