Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/abdelrahmanbayoumi/age-tracker-app

Age Tracker app is a tool that helps users keep track of important birthdays, including those of their loved ones. It features real-time age display in Hijri and Georgian calendars.
https://github.com/abdelrahmanbayoumi/age-tracker-app

age age-calculator angular birthday birthday-tracker hijri ngrx rxjs statistics typescript web-application

Last synced: 1 day ago
JSON representation

Age Tracker app is a tool that helps users keep track of important birthdays, including those of their loved ones. It features real-time age display in Hijri and Georgian calendars.

Host: GitHub
URL: https://github.com/abdelrahmanbayoumi/age-tracker-app
Owner: AbdelrahmanBayoumi
License: apache-2.0
Created: 2023-08-20T12:08:53.000Z (about 1 year ago)
Default Branch: master
Last Pushed: 2024-07-07T19:44:26.000Z (4 months ago)
Last Synced: 2024-07-07T20:52:20.114Z (4 months ago)
Topics: age, age-calculator, angular, birthday, birthday-tracker, hijri, ngrx, rxjs, statistics, typescript, web-application
Language: TypeScript
Homepage: https://age-tracker-site.web.app
Size: 4.05 MB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 8
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

🗓️ Age Tracker App

Age Tracker App is a flexible tool that helps users keep track of important birthdays, including those of their loved ones. It features real-time age display in Hijri and Georgian calendars.

- [x] Backend API (Nest.js + PostgreSQL): [birthday-database GitHub repository](https://github.com/AbdelrahmanBayoumi/birthday-database/)
- [x] Backend API Hosted on Microsoft Azure: https://birthday-database.azurewebsites.net/
- [x] Frontend Web App [(Angular)](https://github.com/AbdelrahmanBayoumi/age-tracker-app)
- [x] Frontend Hosted on Firebase: https://age-tracker-site.web.app/
- [x] UI/UX Design [(Figma)](#-uiux-design)

![Open Source](https://img.shields.io/badge/Open%20Source-%E2%9D%A4-red?style=flat) ![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2FAbdelrahmanBayoumi%2Fage-tracker-app&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=Visitors+%5Btoday%2Fall+time%5D&edge_flat=false) [![license](https://img.shields.io/github/license/AbdelrahmanBayoumi/age-tracker-app)](https://github.com/AbdelrahmanBayoumi/age-tracker-app/blob/master/LICENSE)

## 🚀 How to Run

To run the front-end repository that uses Angular, follow these steps:

1. Clone the repository to your local machine:

```bash
git clone https://github.com/AbdelrahmanBayoumi/age-tracker-app.git
```

2. Make sure you have Angular CLI installed. If you don't have it installed globally, you can install it using npm:

```bash
npm install -g @angular/cli
```

3. Navigate to the project directory:

```bash
cd age-tracker-app
```
4. Install the project dependencies:

```bash
npm install
```
or if you encounter any errors, try:
```bash
npm install --legacy-peer-deps
```

5. Start the development server using Angular CLI:

```bash
ng serve
```

6. Open your web browser and go to [http://localhost:4200/](http://localhost:4200/) to view the Age Tracker App.

Now you should have the Age Tracker App up and running on your local machine. You can make changes to the code and see the live updates as you save your changes. Enjoy tracking birthdays! 🎉

## 🎨 UI/UX Design

See Figma UI Prototype

## 💡 Contributing

If you want to contribute to this project and make it better with new ideas, your pull request is very welcomed.
If you find any issue just put it in the repository issue section, thank you.

## 📝 License

This project is licensed under the Apache-2.0 License - see the [LICENSE](LICENSE) file for details.

🌟Star this repository🌟

Please ⭐️ this repo and share it with others

---