Skip to content

Listly is a versatile web application designed to help users efficiently create, organize, and manage their tasks.

Notifications You must be signed in to change notification settings

mujtabamohamed/listly

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

Sign up

Sign in

Create your task

Task created

Edit your task

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