Todo List Application

Overview

This is a Todo List application built with React and Next.js. It allows users to manage tasks, including creating, editing, and marking tasks as complete or incomplete. The application uses server-side rendering (SSR) for improved performance and includes search functionality.

Features

• Task Management: Add, edit, and delete tasks.
• Completion Status: Mark tasks as complete or incomplete.
• Search Functionality: Filter tasks using a search bar.
• Server-Side Rendering (SSR): For enhanced performance.
• Stylish Design: Modern UI with responsive design.

Installation and Setup

To get started with the project, follow these steps:

1. Clone the Repository:

   git clone https://github.com/DipakHalkude/Todo_List_Application.git

2. Navigate to the Project Directory:

   cd Todo_List_Application

3. Install Dependencies:

   Ensure you have Node.js installed. Then, run:

   npm install

4. Run the Development Server:

   Start the Next.js development server with:

   npm run dev

   Open your browser and go to http://localhost:3000 to view the application.

5. Build for Production:

   To create an optimized production build, run:

   npm run build

   You can then start the production server with:

   npm start

File Structure

• pages/: Contains the Next.js page components.
• components/: Contains reusable React components.
• styles/: Contains CSS and styling files.
• data/: Contains sample data for tasks.

Usage

• Add a Task: Use the form to add a new task to the list.
• Edit a Task: Click "Edit" to modify an existing task.
• Mark as Done/Incompleted: Click "Mark as Done" or "Mark as Incomplete" to toggle the task status.
• Search Tasks: Use the search bar to filter tasks based on their title.

Contributing

Feel free to open issues or submit pull requests to contribute to the project.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact

For any questions or feedback, please reach out to Dipak Halkude.