An open API service indexing awesome lists of open source software.

https://github.com/sajjadhadi/reena

A home listing app with Angular 19 and Appwrite
https://github.com/sajjadhadi/reena

angular appwrite typescript

Last synced: about 2 months ago
JSON representation

A home listing app with Angular 19 and Appwrite

Awesome Lists containing this project

README

          

![Angular](https://img.shields.io/badge/Angular-DD0031?style=for-the-badge&logo=angular&logoColor=white)
![NgRX](https://img.shields.io/badge/NgRX-512BD4?style=for-the-badge&logo=ngrx&logoColor=white)
![Appwrite](https://img.shields.io/badge/Appwrite-F02E65?style=for-the-badge&logo=Appwrite&logoColor=black)
![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)
![PrimeNG](https://img.shields.io/badge/Prime_NG-D51007?style=for-the-badge&logo=primeng&logoColor=white)
![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)

# Reena

This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.5.

## Overview
![Reena Cover](public/assets/images/ReenaCover.png)

### Key Features

- **Angular Reactive Forms**: Utilizes reactive forms for dynamic input handling with built-in validation.
- **Reusable Components**: Includes dynamic and reusable components like sections and forms.
- **Router with Guards**: Implements Angular router with guards for protected routes.
- **Event Emission**: Uses event emitters for inter-component communication.
- **PrimeNG & Tailwind**: Combines PrimeNG components with Tailwind CSS for styling.
- **Appwrite Backend**: Integrates Appwrite for backend services including authentication and database.
- **Responsive Design**: Ensures the application is fully responsive across devices.
- **NgRX State Management**: Manages state with NgRX stores and effects.
- **Services & Initializers**: Employs services for logic and initializers for state setup.

### Pages Gallery
![Reena Cover](public/assets/images/ReenaLandingPage.png)
![Reena Cover](public/assets/images/ReenaSignUpPage.png)
![Reena Cover](public/assets/images/ReenaListingsPage.png)
![Reena Cover](public/assets/images/ReenaContactUsPage.png)
![Reena Cover](public/assets/images/ReenaLoginPage.png)
![Reena Cover](public/assets/images/ReenaAddAListingPage.png)

## Development server

To start a local development server, run:

```bash
ng serve
```

Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files.

```bash
ng generate component component-name
```

For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:

```bash
ng generate --help
```

## Building

To build the project run:

```bash
ng build
```

This will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed.

Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.

## Additional Resources

For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.