Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/zckyachmd/logify

Logify is a task management application built with React.js, TypeScript, Tailwind CSS, and Bun.
https://github.com/zckyachmd/logify

bun logbook reactjs shadcn-ui tailwindcss typescript

Last synced: 2 days ago
JSON representation

Logify is a task management application built with React.js, TypeScript, Tailwind CSS, and Bun.

Awesome Lists containing this project

README

        

# Logify

Logify is a task management application built with React.js, TypeScript, Tailwind CSS, and Bun. The project uses shadcn/ui for UI components, providing a modern and responsive interface.

## Features

- **Task Management**: Easily add, edit, and delete tasks.
- **Dark and Light Themes**: Support for dark and light themes with a mode toggle.
- **Search and Filter**: Search and filter tasks based on title, priority, and status.
- **Task Details**: View detailed information about each task.

## Technologies Used

- **React.js**: JavaScript library for building user interfaces.
- **TypeScript**: A superset of JavaScript that adds static types.
- **Tailwind CSS**: Utility-first CSS framework for rapid and responsive styling.
- **Bun**: A fast JavaScript bundler and runtime.
- **shadcn/ui**: UI components for elegant styling and functionality.

## Installation

To get started with this project, make sure you have [Node.js](https://nodejs.org/) and [Bun](https://bun.sh/) installed. Then, follow these steps:

1. **Clone the Repository**:

```bash
git clone https://github.com/zckyachmd/logify.git
cd logify
```

2. **Install Dependencies**:

```bash
bun install
```

3. **Run the Project**:

```bash
bun dev
```

The project will run on `http://localhost:5173` by default.

## Project Structure

- **src/**: Main folder for source code.
- **components/**: Contains UI components using shadcn/ui.
- **lib/**: Library code.
- **models/**: Data models.
- **pages/**: Application pages.
- **routers/**: Application routers.
- **utils/**: Utility functions.
- **public/**: Folder for public assets like images and favicons.
- **tailwind.config.ts**: Tailwind CSS configuration.
- **tsconfig.json**: TypeScript configuration.
- **bun.config.ts**: Bun configuration.

## Contributing

If you would like to contribute to this project, please create an [issue](https://github.com/zckyachmd/logify/issues) or [pull request](https://github.com/zckyachmd/logify/pulls). All constructive and useful contributions are greatly appreciated!

## License

This project is licensed under the [MIT License](LICENSE).

## Contact

If you have any questions, feel free to reach out to me at [[email protected]](mailto:hi.zacky@id) or through [LinkedIn](https://www.linkedin.com/in/zackyachmad/).

---

Thank you for using Logify! I hope this application helps with your task management.