Skip to content

AchieveIt is a to-do list application built with React Native for a seamless cross-platform mobile experience. This project leverages PostgreSQL for reliable data storage and is containerized using Docker. Manage your tasks efficiently, track progress, help you organize your daily tasks, prioritize your workload, and achieve your goals with ease.

Notifications You must be signed in to change notification settings

salmanazamdev/todo-list-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

βœ… AchieveIt – ToDo List Application (React Native)

AchieveIt is a powerful and elegant ToDo List application built with React Native.
It goes beyond just task management β€” helping you stay productive with smart filtering, categorization, authentication, and a neat, modern interface for both iOS and Android.


πŸ–ΌοΈ App Logo

App Logo


πŸš€ Tech Stack

  • Backend: Node.js, Express.js
  • Database: PostgreSQL (Dockerized)
  • Frontend: React Native (Expo Router)
  • Authentication & Security: JWT, Bcrypt, Fingerprint/biometric auth
  • Others: Docker Compose, Axios

✨ Features

  • πŸ“Œ Task Management

    • Add tasks with date, time, priority level, and category
    • Update, delete, or mark tasks as complete
    • Organize tasks by categories and types
  • πŸ”Ž Smart Filtering & Views

    • Filter tasks by completed / not completed
    • View tasks by date or calendar
    • Sort by priority levels or categories
  • πŸ” Authentication

    • Secure login and signup with JWT
    • Passwords hashed with Bcrypt
    • Fingerprint / biometric login supported
  • 🎨 UI & UX

    • Clean, modern, and minimal interface
    • Responsive across iOS and Android
    • Smooth navigation with Expo Router
  • πŸ”„ Sync

    • Seamless syncing of tasks across devices

πŸ“Έ Screenshots

Add your screenshots here to showcase the UI and features.

(πŸ”‘) SignUp / Login

SignUp Login

πŸ“ Add Task

Add Task

πŸ—‚οΈ Category Choice

Category Choice


πŸ› οΈ Backend Setup

git clone https://github.com/salmanazamdev/todo-list-app.git
cd todo-fullstack-app/backend

Start Docker services:

docker compose up -d

First create and then seed the database:

docker exec -i todo-api-container psql -U root -d postgres -c "CREATE DATABASE todo_db;"
docker exec -i todo-api-container psql -U root -d todo_db < database-schema.sql
docker exec -i todo-api-container psql -U root -d todo_db < db-seed.sql

Install dependencies and run the server:

npm install
nodemon index.js

πŸ“± Frontend (React Native + Expo)

Navigate to the frontend folder:

cd ../frontend

Install dependencies and start the app:

npm install
npx expo start

Scan the QR code using the Expo Go app to run it on your phone.


πŸ” Status Codes

Code Description
200 OK
201 Created
400 Bad Request
401 Unauthorized
403 Forbidden
404 Not Found
500 Internal Server Error

πŸ‘¨β€πŸ’» Author

Muhammad Salman Azam GitHub β€’ LinkedIn


AchieveIt – Every task, done with ease.

About

AchieveIt is a to-do list application built with React Native for a seamless cross-platform mobile experience. This project leverages PostgreSQL for reliable data storage and is containerized using Docker. Manage your tasks efficiently, track progress, help you organize your daily tasks, prioritize your workload, and achieve your goals with ease.

Topics

Resources

Stars

Watchers

Forks