Angular Store

Angular Web App with TailwindCSS

This repository contains a store app for an Angular web application with TailwindCSS.

Table of Contents

• Angular Store
  • Angular Web App with TailwindCSS
  • Features
    • Dependencies
    • Dev Dependencies
    • Icons and Patterns
  • Installation & Usage
    • Prerequisites
    • Install
    • Commands
  • Disclaimer
  • License

Features

• Landing layout
• Dark mode toggle ☀️🌙
• SSR
• sign up form
• sign in form
• dashboard
• add to cart

Dependencies

Package	Description
Angular	A platform and framework for building single-page client applications using HTML and TypeScript.
ng-icons	The all-in-one icon library for Angular

Dev Dependencies

Package	Description
Typescript	TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.
Husky	Git hook management
Conventional Commit	A specification for adding human and machine readable meaning to commit messages.
Commitlint	Lint commit messages
ESLint	A tool for identifying and reporting on patterns found in ECMAScript/JavaScript code.
Prettier	An opinionated code formatter
prettier-plugin-tailwindcss	A Prettier plugin for Tailwind CSS that automatically sorts classes based on recommended order
TailwindCSS	A utility-first CSS framework for rapidly building custom user interfaces.
tailwind-scrollbar	Tailwind plugin for styling scrollbars.

Icons and Patterns

This project uses Hero Icons and Hero Patterns

Installation & Usage

Prerequisites

• node >=18.0.0

Install

Create the project.

git clone https://github.com/enesdir/angular-store.git

Access the project directory.

cd angular-store

Install dependencies.

npm install

Serve with hot reload at http://localhost:4200.

npm run start # start development server

Commands

command	Description
npm start	Starts the server in dev mode
npm run lint	Runs ESLint on the project
npm run prettier	Runs Prettier on entire src folder
npm run prettier:verify	Runs Prettier-check and throws error if fails
npm run prettier:staged	Runs Prettier on only staged (changed) files

Disclaimer

The Tailwind name and logos are trademarks of Tailwind Labs Inc. The Angular name and logos are trademarks of Google.

License

This project uses the MIT license. License