https://github.com/mujtabamohamed/listly

Listly is a versatile web application designed to help users efficiently create, organize, and manage their tasks.
https://github.com/mujtabamohamed/listly

backend bcrypt cookies database express expressjs frontend full-stack lists node nodejs postgres postgresql react reactjs tailwindcss todoapp todolist

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/mujtabamohamed/listly
• Owner: mujtabamohamed
• Created: 2024-07-08T10:58:01.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-01T16:50:41.000Z (almost 2 years ago)
• Last Synced: 2024-12-31T08:14:44.629Z (over 1 year ago)
• Topics: backend, bcrypt, cookies, database, express, expressjs, frontend, full-stack, lists, node, nodejs, postgres, postgresql, react, reactjs, tailwindcss, todoapp, todolist
• Language: JavaScript
• Homepage: https://listly-todo.netlify.app/
• Size: 89.3 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 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](https://i.postimg.cc/RZ0nJ4Gp/Listly-Screenshot-1.png)

![Sign in](https://i.postimg.cc/PqgL7ZH0/Listly-Screenshot-2.png)

![Create your task](https://i.postimg.cc/nhCBwBgG/screencapture-listly-todo-netlify-app-2024-07-26-16-44-22.png)

![Task created](https://i.postimg.cc/pdhhkCwD/Listly-Screenshot-3.png)

![Edit your task](https://i.postimg.cc/k4WVP4XG/Listly-Screenshot-4.png)

## Tech Stack

- **Frontend**: React, TailwindCSS

- **Backend**: Node.js, Express.js

- **Database:** PostgreSQL

## Installation

**Clone the repository**

```bash

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

```

**Install dependencies**

- **For the server:**

```bash

  cd server

  npm install

```

- **For the client:**

```bash

  cd client

  npm install

```

## Set up environment variables:

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

```bash

  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.**

```bash

  REACT_APP_SERVER_URL=

```

## Run the application

- **Start the server:**

```bash

  cd server

  npm start

```

- **Start the client:**

```bash

  cd client

  npm start

```