https://github.com/talha-tahir2001/echo-frontend
Your words, amplified.
https://github.com/talha-tahir2001/echo-frontend
angular ci-cd mongodb rest-api tailwindcss vercel
Last synced: 3 months ago
JSON representation
Your words, amplified.
- Host: GitHub
- URL: https://github.com/talha-tahir2001/echo-frontend
- Owner: Talha-Tahir2001
- License: mit
- Created: 2025-03-03T11:19:00.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-19T14:11:53.000Z (over 1 year ago)
- Last Synced: 2025-03-19T14:41:46.244Z (over 1 year ago)
- Topics: angular, ci-cd, mongodb, rest-api, tailwindcss, vercel
- Language: TypeScript
- Homepage: https://echo-frontend-mu.vercel.app
- Size: 285 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Echo Frontend 🎤
Welcome to the **Echo Frontend**! This is the Angular 18 frontend for the Echo application, a dynamic platform designed to amplify your words. Built with **Angular 18**, **UI Verse**, and **HyperUI** for enhanced performance.
## 🚀 Features
- 🎨 **Beautiful UI with UI Verse & HyperUI**
- 💬 **Real-time interactions with the Echo Backend (NestJS API)**
- 🔒 **Authentication & Authorization (Local Storage)**
- 🧨 **Dynamic UI with smooth animations**
- 📢 **Post, like, and comment functionalities**
## 🛠️ Tech Stack
- **Frontend:** Angular 18, UI Verse, HyperUI
- **Backend:** [Echo Backend (NestJS)](https://github.com/Talha-Tahir2001/echo-backend)
- **Database:** MongoDB Atlas
- **Deployment:** Vercel (or another compatible host)
## 📦 Installation
1. **Clone the repo:**
```sh
git clone https://github.com/Talha-Tahir2001/echo-frontend.git
cd echo-frontend
```
2. **Install dependencies:**
```sh
npm install
```
3. **Set up environment variables:**
Create a `.env` file and configure it as needed (API URLs, Database Connection etc.).
4. **Run the development server:**
```sh
ng serve
```
This starts the server-side rendered Angular app.
5. **Build for production:**
```sh
ng build
```
6. **Running unit tests**
```sh
ng test
```
7. **Running end to end tests**
```sh
ng e2e
```
8. **Further help**
- To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
## 🌍 Deployment
You can deploy this project on:
- **Vercel** 🆓 (Fast & Easy)
- **Netlify** 🆓 (Great for static sites)
- **Firebase Hosting** 🆓 (Requires Firebase setup)
## 📄 License
This project is licensed under the MIT License. See the [LICENSE](https://github.com/Talha-Tahir2001/echo-frontend?tab=MIT-1-ov-file) file for details.
## ❤️ Contributing
We welcome contributions! Feel free to fork the repo, create a branch, and submit a PR.
- **Fork the repo**
- **Create a feature branch** (`git checkout -b feature-name`)
- **Commit your changes** (`git commit -m "Added feature"`)
- **Push to GitHub** (`git push origin feature-name`)
- **Submit a Pull Request** 🚀
## 📧 Contact
Have questions or suggestions? Reach out via [Talha's LinkedIn](https://www.linkedin.com/in/talha-tahir1/).
Happy coding! 🎉