Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pritamtirpude/todo-classic-app
Todo Classic is a modern and intuitive task management application built with Next.js 14, offering seamless performance and a responsive user interface. The app leverages Framer Motion to bring your task list to life with smooth animations, making the user experience both engaging and delightful.
https://github.com/pritamtirpude/todo-classic-app
framer-motion nextjs14 reactjs tailwindcss typescript
Last synced: 21 days ago
JSON representation
Todo Classic is a modern and intuitive task management application built with Next.js 14, offering seamless performance and a responsive user interface. The app leverages Framer Motion to bring your task list to life with smooth animations, making the user experience both engaging and delightful.
- Host: GitHub
- URL: https://github.com/pritamtirpude/todo-classic-app
- Owner: pritamtirpude
- Created: 2024-08-13T16:01:43.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2024-08-29T16:26:26.000Z (4 months ago)
- Last Synced: 2024-11-10T16:20:11.896Z (2 months ago)
- Topics: framer-motion, nextjs14, reactjs, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://todo-classic-app.vercel.app
- Size: 163 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Todo App
A simple and interactive Todo app built with Next.js 14, TypeScript, Zustand for state management, and Framer Motion for animations. This app allows users to manage their daily tasks efficiently with a smooth and responsive user interface.
## Features
- **Add Tasks**: Quickly add new tasks to your list.
- **Edit Tasks**: Modify existing tasks.
- **Delete Tasks**: Remove completed or unnecessary tasks.
- **Mark as Complete**: Mark tasks as complete or incomplete.
- **Animations**: Smooth transitions and animations using Framer Motion.
- **State Management**: Efficient state management with Zustand.
- **Responsive Design**: Fully responsive and mobile-friendly UI.
## Tech Stack
- **Next.js 14**: The latest version of Next.js for a fast, server-side rendered React application.
- **TypeScript**: Strongly-typed programming to enhance code quality and maintainability.
- **Zustand**: Simple and fast state management for React applications.
- **Framer Motion**: A powerful library for creating animations in React.
## Installation
Follow the steps below to set up and run the project locally:
1. **Clone the repository**:
```bash
git clone https://github.com/pritamtirpude/todo-classic-app.git
cd todo-app
```
2. **Install dependencies**:
Ensure you have Node.js installed. Then run:
```bash
npm install
```
3. **Run the development server**:
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) in your browser to see the app in action.
4. **Build for production**:
To create an optimized production build, run:
```bash
npm run build
```
This will generate a `.next` folder containing the production build.
5. **Start the production server**:
After building, start the server with:
```bash
npm start
```
The app will be available at [http://localhost:3000](http://localhost:3000).
## Contributing
Contributions are welcome! If you'd like to contribute to the project, please fork the repository and submit a pull request.