Skip to content

Latest commit

 

History

History
60 lines (34 loc) · 1.71 KB

File metadata and controls

60 lines (34 loc) · 1.71 KB

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/

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