Skip to content
This repository was archived by the owner on Sep 6, 2024. It is now read-only.

Latest commit

 

History

History
75 lines (55 loc) · 1.84 KB

File metadata and controls

75 lines (55 loc) · 1.84 KB

TODO APPLICATION

ScreenShot

A simple ToDo application built using React, Node.js, Express, Supabase, Prisma, and Tailwind CSS.

Table of Contents

Introduction

This is a ToDo application that allows users to manage their tasks and to-do lists. The application is built using a combination of modern technologies such as React, Node.js, Express, Supabase, Prisma, and Tailwind CSS.

Features

  • User authentication and registration using Supabase
  • Create, read, update, and delete tasks
  • Mark tasks as complete or incomplete
  • Responsive design with Tailwind CSS

Installation

  1. Clone the repository:

    git clone git@github.com:MKMukeshkannan/React-Todo.git
  2. Install dependencies for both the client and server:

    a. Backend Setup

    cd React-Todo/backend
    npm i
    • Create a supabase project, and copy its connection string.
    • Create a variable "DATABASE_URL" in .env and paste the connection string,
    npx prisma migrate dev --name init
    npm run dev

    b. Frontend Setup

    #Go to root folder
    cd React-Todo/frontend
    npm i
    npm run dev

Technologies Used

  • React
  • Node.js
  • Express
  • Supabase
  • Prisma
  • Tailwind CSS

Contributing

Contributions are welcome! If you find any issues or want to enhance the application, feel free to open a pull request.

  1. Fork the repository.
  2. Create a new branch.
  3. Make your changes and commit them.
  4. Push your changes to your fork.
  5. Open a pull request explaining the changes you've made.