Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/brucearmstrong007/tech-talent-starter-kit-main
https://github.com/brucearmstrong007/tech-talent-starter-kit-main
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/brucearmstrong007/tech-talent-starter-kit-main
- Owner: BruceArmstrong007
- License: mit
- Created: 2024-03-02T13:21:26.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-03-04T04:04:20.000Z (10 months ago)
- Last Synced: 2024-03-04T17:02:14.225Z (10 months ago)
- Language: TypeScript
- Size: 312 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Getting Started
Ensure you have the latest version of Node.js and npm installed before beginning. This project utilizes Nx for monorepo management, allowing efficient organization and management of Angular applications and libraries.
### Installation
1. Clone this repository to your local environment.
2. Navigate to the project directory and install dependencies:
```bash
npm install
```
3. Explore the starter kit to familiarize yourself with its structure and capabilities.
## Project Structure
Leveraging Nx, the project is organized into applications and libraries, promoting better separation of concerns and code reusability:
- `apps/`: Contains example Angular applications, serving as a reference for your assignment.
- `libs/`: Holds shared libraries applicable across various applications within the monorepo, including UI components, utilities, and services.
### Enhancements
- **TailwindCSS Integration:** For rapid UI development, TailwindCSS is configured to help you build custom designs without leaving your HTML.
- **Storybook:** Utilized for building and testing UI components in isolation, enhancing the development process and ensuring component reusability and consistency.
### Key Concepts
- **Efficient Monorepo Management:** Using Nx tools for streamlined development within a monorepo.
- **Structured and Modular Code:** Emphasis on maintainability and modularity.
- **Separation of Concerns:** Clear distinction between UI components and business logic.
- **Angular Reactive Forms:** Demonstrating advanced form handling capabilities.
- **Angular CDK & Material:** For creating accessible components and employing Material Design.
- **Web Accessibility:** Ensuring applications are accessible following WCAG guidelines.
- **Rapid Development:** Leveraging TailwindCSS for styling and Storybook for component testing.
## Assignment
Build an Angular application that adheres to the provided ASSIGNMENT.md requirements. Showcase your ability to navigate a structured monorepo environment and employ best practices in Angular development, alongside the integrated tools for UI development and testing.
### Requirements
- Maintain the project structure as per this starter kit.
- Ensure code quality and modularity.
- Implement Angular Reactive Forms for dynamic form scenarios.
- Use Angular CDK and Material alongside TailwindCSS for styling.
- Prioritize accessibility in your implementation.
- Develop and test UI components using Storybook.
## Running the Application
To serve example applications from the `apps/` directory:
```bash
nx serve
```
## Running Storybook
To develop and test UI components in isolation with Storybook:
```bash
nx run :storybook
```
## Feedback and Contributions
Feedback and contributions are welcome. Please feel free to suggest improvements, open issues, or submit pull requests.
## License
This project is licensed under the MIT License - see the LICENSE file for details.