Task App (To-Do List)

A simple task app (to-do list) developed with AdonisJS, tRPC, ReactJS, Vite, SWC, Typescript, TailwindCSS, and many others.

📝 Table of Contents

• Task App (To-Do List)
  • 📝 Table of Contents
  • 🚀 About the project
  • 📱 Layout
  • ✨ Features
  • 💻 Prerequisites
  • 🎲 Running the project
  • 🛠️ Technologies
    • Backend
    • Frontend
  • 📫 Contributing to the project
  • 📃 License
  • 🧑🏽‍💻 Author

🚀 About the project

This project was developed to demonstrate the use of the @pyxlab/adonis-trpc package, react with Vite/SWC, structured as a monorepo using the yarn workspace and turborepo of Versel to deploy the project. not only that, but it also uses the TailwindCSS framework for styling, and the HeadlessUI library for the components.

📱 Layout

The reference layout was designed by Ariane Morelato, you can access it here.

✨ Features

The project is still under development, but the following features are already available:

• Create a session, user authentication and logout
• Create a task, edit and delete
• Create a directory, edit and delete
• Sort tasks, directories, filter and search tasks
• Progress bar of tasks completed, overdue, today and total tasks

💻 Prerequisites

Before starting, you will need to have the following tools installed on your machine:

• Docker
• Node.js
• Yarn

🎲 Running the project

# Clone this repository
$ git clone https://github.com/Pyxlab/todo.git

# Access the project folder in the / cmd terminal
$ cd todo

# Install the dependencies
$ yarn

# Run docker compose, to start the database container (PostgreSQL)
$ docker-compose up -d

# Run the migrations
$ yarn workspace @acme/api migrate:run

# Run the project
$ yarn dev

# The server will start at port: 3000 - go to http://localhost:3000

🛠️ Technologies

The following tools were used in the construction of the project:

Backend

• Typescript
• AdonisJS
• Adonis TRPC
• Lucid ORM
• PostgreSQL
• Docker

Frontend

• Typescript
• ReactJS
• Vite
• SWC
• TailwindCSS
• TRPC
• HeadlessUI

📫 Contributing to the project

To contribute to the project, follow the steps below:

1. Fork the project.
2. Make the changes (feature, documentation, etc.).
3. Make a commit of your changes.
4. Send a pull request.

📃 License

This project is under the MIT license. See the LICENSE file for more details.

🧑🏽‍💻 Author

Made with ❤️ by Walaff Fernandes 👋🏽 Get in touch! or See my projects