https://github.com/arun-webcode/todo-app-frontend
A beautifully designed fully responsive full-stack Todo App with rich UI/UX and essential productivity features. Built with Angular, Ionic, Node.js, and MongoDB.
https://github.com/arun-webcode/todo-app-frontend
html ionic-framework mean-stack netlify-deployment responsive-layout scss typescript
Last synced: 3 months ago
JSON representation
A beautifully designed fully responsive full-stack Todo App with rich UI/UX and essential productivity features. Built with Angular, Ionic, Node.js, and MongoDB.
- Host: GitHub
- URL: https://github.com/arun-webcode/todo-app-frontend
- Owner: Arun-webcode
- Created: 2025-07-19T18:06:42.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-09-07T19:06:25.000Z (4 months ago)
- Last Synced: 2025-09-07T21:14:28.249Z (4 months ago)
- Topics: html, ionic-framework, mean-stack, netlify-deployment, responsive-layout, scss, typescript
- Language: TypeScript
- Homepage: https://todo-app-webcode.netlify.app
- Size: 855 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📝 Todo App
A beautifully designed full-stack **Todo App** with rich UI/UX and essential productivity features. Built with Angular, Ionic, Node.js, and MongoDB.
🚀 **Live Site**: [https://todo-app-webcode.netlify.app](https://todo-app-webcode.netlify.app)
🔗 **Backend API**: [https://todo-app-backend-xerk.onrender.com](https://todo-app-backend-xerk.onrender.com)
---
## 📸 Preview
---
## ✨ Features
- ✅ **User Authentication**
- Sign Up with OTP verification via email
- Login & Logout functionality
- 👤 **Profile Management**
- Update profile name and bio
- ✅ **Task Management (CRUD)**
- Create, Read, Update, and Delete tasks
- 🎨 **Theme Toggle**
- Switch between Light and Dark mode
- 🔒 Cookie-based authentication
- 🌐 Responsive UI with Ionic components and icons
---
## 🔧 Tech Stack
### Frontend
- [Angular](https://angular.io/)
- [Ionic Framework](https://ionicframework.com/)
- SCSS, TypeScript, HTML
- [Ionic Icons](https://ionic.io/ionicons)
### Backend
- [Node.js](https://nodejs.org/)
- [Express.js](https://expressjs.com/)
- [MongoDB](https://www.mongodb.com/)
- [Postman](https://www.postman.com/) for API testing
---
## 📁 Repositories
- 🖥️ **Frontend Repo**: [todo-app-frontend](https://github.com/Arun-webcode/todo-app-frontend)
- 🛠️ **Backend Repo**: [todo-app-backend](https://github.com/Arun-webcode/todo-app-backend)
---
## 🚀 Getting Started
### Frontend (Angular + Ionic)
```bash
git clone https://github.com/Arun-webcode/todo-app-frontend
cd todo-app-frontend
npm install
ionic serve