Todos App UI

This is the frontend user interface for the Todos app, built using React & Tailwindcss.

Tech Stack

• React.js (for frontend rendering)
• Tailwind CSS (for styling)
• Craco (for bundling Tailwind CSS)
• Axios (for backend requests)
• react-router-dom (for routing)
• react-toastify (for notifications)
• react-hot-toast (for toasts)
• react-icons (for icons)
• react-loading-skeleton (for skeleton animation)

Installation

1. Clone the repository: git clone https://github.com/visheshism/todosapp.git

2. Navigate to the project directory: cd todosapp

3. Install dependencies: npm install

Build

To build the app for production, run the following command:

npm run build

The built files will be placed in the build directory.

Backend Repository

The backend repository for the Todos app can be found at backend-repo.

Functionality

The Todos app UI provides the following functionality:

• CRUD Operations for Todos: Create, Read, Update, and Delete Todos.
• CRUD Operations for Categories: Create, Read, Update, and Delete Categories.
• Search Query: Search for specific Todos using keywords or phrases.
• Filters on Todos: Apply filters to display Todos based on completion.
• Change Name: Change the name associated with your account.
• Change Password: Update your account password.
• Delete Account: Permanently delete your account and all associated data.
• Profile Page: View and update your profile information. Please refer to the codebase for detailed implementation details of these functionalities.

Acknowledgments

This project was developed by Vishesh Singh.

License

This project is licensed under the MIT License.

Feel free to contribute to this project by making a pull request.