The Todo App is a web-application that allows you to manage your tasks easily. The app is designed to provide a seamless and user-friendly experience. The app's main features include:
📌 You may Drag and Drop tasks to organize your to-do list.
📌 You can sign in directly with a user name and password.
📌 User-friendly interface: The app has a sleek and modern design, with an intuitive and easy-to-use user interface.
📌 To-do list: You can create and manage your own todo-list, where you can add and edit tasks (by "Save" or "Enter key") or remove them.
📌 Check the task details; if you are traveling, you can view the weather information for the destination.
📌 TodoApp is cross-platform. Whether you're at home using the desktop app or are using the mobile app on the go you can access your task list and stay organized.
The app is built using React.js and Node.js with AWS technologies for data storage and retrieval. The app also utilizes a GraphQL to connect to the AWS DynamoDB database.
🔹 AWS AppSync - a fully managed service that makes it easy to develop GraphQL APIs by handling the heavy lifting of securely connecting to data sources. It allows developers to build flexible, real-time apps by using GraphQL to securely connect to data sources such as AWS DynamoDB.
🔹 AWS Cognito - a user identity and data synchronization service that helps to securely manage and synchronize app data for users across their mobile devices. It provides features such as user sign-up, sign-in, and access control, as well as the ability to synchronize user data across devices.
🔹 AWS Amplify - a set of tools and services that enables mobile and web app developers to build scalable full stack serverless applications.
🔹 AWS DynamoDB - a fully managed NoSQL database service that provides fast and predictable performance with seamless scalability. It allows to store and retrieve any amount of data.
🔹 GraphQL - provides a flexible and powerful way for clients to request exactly the data they need from an API. With GraphQL, the client defines the structure of the data it needs, and the server responds with only the requested data.
🔹 Drag and Drop - Drag-and-drop application added using an open source library that enables simple integration of drag-and-drop functionality to the app.
🔸 Clone the project or download the files by going to the repository up above.
https://github.com/TanyaGr9191/todo-app.gitNote: You will need the 'aws-exports.js' file in 'src' folder
🔸 Next, we'll start the server with 'npm start':
npm i
npm start🔸 Now you need to Sign In/Create Account.
If you need to create account:
-
Use your email to get a confirmation code.
-
Enter the confirmation code.
Note: A terminal output at localhost:3000 should be displayed once the server is up and running.
👏 All done!
✔️ You have completed your first step with TodoApp. Now the app is active!