Memes-app:

This memes-app displays random memes and lets users save favorites with a secure login feature.

Link to project: https://memes-app.cyclic.app/

• Budget Tracker:
  • How It's Made:
  • Optimizations
  • Lessons Learned:
  • Packages/Dependencies used
  • Installation

How It's Made:

This project was built by @ashmint, @Abi-Liu, @bruhngl0, and @GPcyber using HTML, CSS and JS on the front end. Node.js, Express, EJS was used for the backend with the MVC paradigm, and all of the memes information was stored in MongoDB. The API https://meme-api.com was used to generate random memes

Tech used: HTML, CSS, JavaScript, Node.js, MongoDB, EJS, express

Optimizations

This program works, however in the future it would be great to:

-use gif memes

-have a collaborated collection of memes

---

Lessons Learned:

• learned the importance of code optimization. Optimizing the code improved the performance of the application, resulting in faster loading times and improved user experience.

---

Packages/Dependencies used

bcrypt, connect-mongo, dotenv, ejs, express, express-flash, express-session, mongodb, mongoose, morgan, nodemon, passport, passport-local, validator

---

Installation

• npm install
• Create a .env file and add the following as key: value DB_STRING: your database URI PORT: Any port of your choice

---

Prerequisites

This application requires you to have NPM installed. You can do so by running npm install npm@latest -g

Run

npm start