Listly

Listly is a versatile web application designed to help users efficiently create, organize, and manage their tasks. With its user-friendly interface, Listly allows users to set up task lists, prioritize items and track progress.

Demo

https://listly-todo.netlify.app/

Screenshots

Tech Stack

• Frontend: React, TailwindCSS
• Backend: Node.js, Express.js
• Database: PostgreSQL

Installation

Clone the repository

  git clone https://github.com/mujtabamohamed/listly.git

Install dependencies

• For the server:

  cd server
  npm install

• For the client:

  cd client
  npm install

Set up environment variables:

• Create a .env file in the server directory and add your configuration.

  PG_USER=
  PG_HOST=
  PG_DATABASE=
  PG_PASSWORD=
  PG_PORT=
  POSTGRES_URL=
  PORT=

• Create a .env file in the client directory and add your configuration.

  REACT_APP_SERVER_URL=

Run the application

• Start the server:

  cd server
  npm start

• Start the client:

  cd client
  npm start