Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/axestein/listify
Manage your tasks effectively with Listify — your go-to tool for staying organized and on top of your day.
https://github.com/axestein/listify
frontend javascript reactjs tailwindcss to-do-list ui-design webdevelopment
Last synced: about 2 months ago
JSON representation
Manage your tasks effectively with Listify — your go-to tool for staying organized and on top of your day.
- Host: GitHub
- URL: https://github.com/axestein/listify
- Owner: Axestein
- Created: 2024-09-06T13:48:50.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-09-08T18:06:10.000Z (4 months ago)
- Last Synced: 2024-09-08T23:17:36.527Z (4 months ago)
- Topics: frontend, javascript, reactjs, tailwindcss, to-do-list, ui-design, webdevelopment
- Language: JavaScript
- Homepage: https://listify-snowy.vercel.app/
- Size: 68.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Listify 
Manage your tasks effectively with Listify — your go-to tool for staying organized and on top of your day. Listify is a simple yet powerful to-do list web app that allows you to add, edit, delete, and manage your tasks with ease.
## Project Description
Listify helps you stay on track with your daily tasks. It includes features such as:
- **Add Task**: Quickly add tasks with titles, descriptions, dates, and times.
- **Check Task as Done**: Mark tasks as completed with a single click.
- **Edit Task**: Modify your tasks to update their details as your schedule changes.
- **Delete Task**: Remove tasks that are no longer needed.
- **Set Date and Time**: Schedule your tasks with specific dates and times to stay organized.
## Project Tech Stack
Listify is built using the following technologies:
- **React.js**: For building the user interface.
- **Tailwind CSS**: For styling the application with a modern and responsive design.
- **Figma**: For designing certain UI elements.
## Installation
Follow these steps to run Listify on your local machine:
1. **Clone the repository**:
```bash
git clone https://github.com/your-username/listify.git
cd listify
```
2. **Install dependencies**:
```bash
npm install
```
3. **Run the development server**:
```bash
npm start
```
4. Open your browser and go to `http://localhost:3000` to see Listify in action.
## Project Structure
Here's an overview of the project structure:
```
listify/
├── public/
│ ├── index.html
├── src/
│ ├── components/
│ │ ├── TodoForm.jsx
│ │ └── TodoItem.jsx
│ ├── App.jsx
│ ├── index.css
│ └── main.jsx
├── package.json
└── README.md
```
## Contact
If you have any questions, suggestions, or feedback, please reach out:
- **Email**: [email protected]
- **GitHub**: [Axestein](https://github.com/Axestein)