https://github.com/nejcfurh/memory-cards

MemoryCards is a "to-do-list" style app that uses CSS/HTML and EJS for the front-end, uses Node.JS & Express.JS as a back-end, and MongoDB as a database.
https://github.com/nejcfurh/memory-cards

ejs-templating express-js mongodb node-js

Last synced: 8 days ago
JSON representation

MemoryCards is a "to-do-list" style app that uses CSS/HTML and EJS for the front-end, uses Node.JS & Express.JS as a back-end, and MongoDB as a database.

• Host: GitHub
• URL: https://github.com/nejcfurh/memory-cards
• Owner: nejcfurh
• License: mit
• Created: 2023-12-25T15:30:01.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-05T10:41:27.000Z (about 1 year ago)
• Last Synced: 2024-11-16T16:05:18.274Z (2 months ago)
• Topics: ejs-templating, express-js, mongodb, node-js
• Language: CSS
• Homepage:
• Size: 14 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Memory Cards

This is a an app that mostly uses CSS/HTML and EJS for the front-end, uses Node.JS & Express.JS as a back-end, and MongoDB as a database. 




   

   

   

   

   






Basic Express.JS is used for connection with the MongoDB database, that stores Image links (except the default items, which are stored locally), image titles and image descriptions!


To display the photos, HTML  is used. App extensivelly uses flexbox CSS.


I am using free Unsplash.com stock images.

Delete Icon has been created by Ilham Fitrotul Hayat. To change the color, you have to manually change the background property of the body. There are three options available, by default, the dark option is enabled.



Vibrant


![MemoryCards-Vibrant](https://github.com/NF-7/MemoryCards/assets/101887698/123d1111-6b2e-4e73-9b9b-46d67ec91670)



Dark


![MemoryCards-Dark](https://github.com/NF-7/MemoryCards/assets/101887698/ea75945a-9e39-4bb4-a0e6-ee70d72da433)