Neo Tasker

Neo Tasker is a modern web application designed as a personal to-do list to help manage tasks efficiently while showcasing advanced frontend and backend development skills. It features a sleek and responsive UI powered by modern web technologies and a robust backend with PostgreSQL for data persistence.

Features

• Modern UI/UX: Built using React, Vite, TailwindCss, and DaisyUI for an attractive and seamless user experience.
• Task Management: Create, update, and delete tasks effortlessly.
• Backend Integration: Powered by Express.js and Node.js with a PostgreSQL database for managing task data.
• Full-Stack Application: Combines frontend and backend technologies to provide a complete web application experience.

Tech Stack

Frontend

• React (with Vite): Fast and modern frontend framework.
• TailWindCss: A CSS framework for styling.
• DaisyUI: A Tailwind CSS-based UI library for additional design elements.

Backend

• Node.js: JavaScript runtime for server-side development.
• Express.js: Lightweight web framework for building APIs.
• PostgreSQL: Relational database for storing task data.

Installation

Prerequisites

• Node.js (v22 or later)
• PostgreSQL (v16 or later)
• A package manager like npm

Steps

1. Clone the repository:

   git clone https://github.com/your-username/neo-tasker.git
   cd neo-tasker

2. Install dependencies:

   npm install

3. Set up the PostgreSQL database:

   • Create a database named task_db.
   • Run the provided SQL scripts (if any) to set up tables.

4. Configure environment variables:

   • Create a .env file in the root directory.
   • Add the following variables:

     PG_HOSTL="localhost"
     PG_DATABASE="task_db"
     PG_PASSWORD="admin1234admin"
     PG_USER="postgres"
     PG_PORT=3700

     Replace username and password with your PostgreSQL credentials.

5. Start the development server:

   npm run dev

6. Visit the application in your browser:

   http://localhost:3000
   

Scripts

• nodemon src/server.js: Starts the backend server.
• npm run dev: Runs the frontend.

Demo

Include screenshots or a link to the live demo of your application here if available.

Future Improvements

• Additional task management features like Pomodoro and Api for Weather.
• Integration with calendar for better scheduling.
• Dark mode support.

---

Feel free to reach out if you have any questions or suggestions for improving Neo Tasker!

Preview

---