https://github.com/hasanyahya101/palate-path-vite

A Simple CRUD based task tracking application that uses SQLite Cloud for database. It allows for moving tasks through states such as to-do, in-progress and done. It also allows for filtering of tasks.
https://github.com/hasanyahya101/palate-path-vite

cloud crud githubpages http requests sqlite static task tracker tracking

Last synced: about 1 month ago
JSON representation

A Simple CRUD based task tracking application that uses SQLite Cloud for database. It allows for moving tasks through states such as to-do, in-progress and done. It also allows for filtering of tasks.

• Host: GitHub
• URL: https://github.com/hasanyahya101/palate-path-vite
• Owner: HasanYahya101
• License: mit
• Created: 2024-05-30T06:45:49.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-07-27T15:42:50.000Z (6 months ago)
• Last Synced: 2024-07-27T17:14:17.389Z (6 months ago)
• Topics: cloud, crud, githubpages, http, requests, sqlite, static, task, tracker, tracking
• Language: JavaScript
• Homepage: https://hasanyahya101.github.io/Palate-Path-Vite/
• Size: 2.26 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Palate Path (React + Vite)

## Introduction

A Simple CRUD based task tracking application that uses SQLite Cloud for database. It allows for moving tasks through states such as to-do, in-progress and done. It also allows for filtering of tasks. Please note, i have added functionality to delete oldest 500 rows from database if the total rows exceed 1000. This is to prevent too much data, from being uploaded to my Cloud Free Plan.

## UI Library

Radix UI and ShadCN components were used to create the UI of the website. Moreover, Vite was used to create this React Project. Moreover, for Database [SQLite Cloud](https://sqlitecloud.io/) was used. The schema built file can be found in Resources.

## Deployment

This project was deployed to Github Pages and can be tested there.

## Preview

![Screenshot 2024-06-01 171103](https://github.com/HasanYahya101/Palate-Path-Vite/assets/118683092/54eddbec-baa6-43b0-aae1-b0ecb4837d4f)

![Screenshot 2024-06-01 171115](https://github.com/HasanYahya101/Palate-Path-Vite/assets/118683092/a5db77cc-e786-4c76-9d5e-5978842766db)

![Screenshot 2024-06-01 171129](https://github.com/HasanYahya101/Palate-Path-Vite/assets/118683092/403dd9f1-7f25-4696-b4a9-5d02ad3f2f00)

![Screenshot 2024-06-01 171149](https://github.com/HasanYahya101/Palate-Path-Vite/assets/118683092/20933ca5-2b1c-4293-8336-c7dfe949da00)

![Screenshot 2024-06-01 171208](https://github.com/HasanYahya101/Palate-Path-Vite/assets/118683092/8e4ee86d-11ee-4473-a9b1-9db0ab452b80)

![Screenshot 2024-06-01 171220](https://github.com/HasanYahya101/Palate-Path-Vite/assets/118683092/5ca432b8-4bc8-4e70-ad05-4600a13e1f95)

![Screenshot 2024-06-01 171230](https://github.com/HasanYahya101/Palate-Path-Vite/assets/118683092/82c66a54-b9c9-4786-bea6-6c22257a1acd)

## Walkthrough

https://github.com/HasanYahya101/Palate-Path-Vite/assets/118683092/ada05ee3-eae6-4362-bccd-11b743dadfb7

## React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh