Skip to content

Latest commit

 

History

History
60 lines (31 loc) · 1.55 KB

README.md

File metadata and controls

60 lines (31 loc) · 1.55 KB
Raw

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/

Screenshot (123)

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