https://github.com/nejcfurh/to-do-cards

ToDoCards is a web application for managing your to-do lists, built for efficiency and seamless integration. The front-end is developed with React, providing a dynamic and responsive user interface. The back-end is powered by Node.js and Express.js, with MongoDB handling database storage.
https://github.com/nejcfurh/to-do-cards

mongoose node-js react react-router

Last synced: 6 days ago
JSON representation

ToDoCards is a web application for managing your to-do lists, built for efficiency and seamless integration. The front-end is developed with React, providing a dynamic and responsive user interface. The back-end is powered by Node.js and Express.js, with MongoDB handling database storage.

• Host: GitHub
• URL: https://github.com/nejcfurh/to-do-cards
• Owner: nejcfurh
• Created: 2023-05-02T10:54:52.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-14T12:01:25.000Z (2 months ago)
• Last Synced: 2024-09-15T12:13:51.342Z (2 months ago)
• Topics: mongoose, node-js, react, react-router
• Language: JavaScript
• Homepage: https://to-do-cards.vercel.app
• Size: 14.6 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
ToDoCards

Introducing - ToDoCards - my to-do-list web application. This application leverages the robust capabilities of React for its front-end, ensuring a dynamic and responsive user experience. The back-end architecture is powered by Node.js and Express.js, providing a solid foundation for high-performance interactions. MongoDB is employed as the database, expertly handling data management and user authentication. There are multiple types of user authentication - from regular email and password type to four social login options (Google, GitHub, Facebook and Twitter/X).



The application incorporates external libraries including React-Hot-Toast for intuitive notifications, React Router for seamless navigation, React Tooltip for enhanced user guidance, and React Icons for visually appealing interfaces. Designed with accessibility in mind, the app is beginner-friendly and facilitates easy connections to MongoDB. This allows for efficient management of list images, titles, and descriptions. Each list supports an unlimited number of tasks, which users can freely add or delete. The tasks are conveniently scrollable, thanks to an intuitive overflow setup, ensuring a tidy user interface.



List displays are innovatively implemented using HTML radio buttons, and the layout extensively utilizes CSS flexbox for optimal responsiveness and organization. We have enriched our app with high-quality, free stock images from Unsplash.com, and bespoke icons crafted by Ilham Fitrotul Hayat, sourced from FreePic.


Additionally, our 'Contact Me' page features Social Media Icons, which can be utilized both as a standalone feature and as an integrated module, enhancing both functionality and aesthetic appeal.



Login page




Authenticated user view of the ToDoCards 






Live page hosted on Vercel