My Awesome Project

this is a Pets Up CRUD app where you can adopt or list pets.

Link to project: https://pets-up.cyclic.app/

How It's Made:

Tech used: HTML, CSS, JavaScript, MERN, Tailwind CSS.

I have used the MVC architecture for my application, used some CSS frameworks for the UI and added the authentication using the Passport.js

Lessons Learned:

I have really solidified my full-stack app-building knowledge after this app and also learnt so much about authentication.

Be sure to add that lovely star 😀 and fork it for your own copy

Packages/Dependencies used

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

---

Install all the dependencies or node packages used for development via Terminal

npm install

---

Examples:

Take a look at these couple of examples that I have in my own portfolio:

Weather App: https://github.com/Boby900/weather-app

Super Hero App: https://github.com/Boby900/Super-Hero

Fighting Game: https://github.com/Boby900/Fighting-Game

Things to add

• Create a .env file in the config folder and add the following as key = value
  • PORT = 2121 (can be any port example: 3000)
  • DB_STRING = your database URI
  • CLOUD_NAME = your Cloudinary cloud name
  • API_KEY = your Cloudinary api key
  • API_SECRET = your Cloudinary api secret

---

Run

npm start