Skip to main content

Posts

Connect Node Express and Mongodb

  In the root directory: mkdir backend cd backend then type: npm init -y npm install express cors mongodb dotenv npm install -g nodemon write the following line in package.json after "main":"index.js" : "type":"module", Now, create server.js file inside backend folder. Write the following code in server.js file: // starts here import express from "express"; import cors from "cors" import restaurants from "./api/restaurants.route.js" const app = express(); app.use(cors()); app.use(express.json()); app.use("/api/v1/restaurants", restaurants); app.use("*",(req,res) => res.status(404).json({error: "Not found!"}) ); export default app; // ends here create .env file and write: RESTREVIEWS_DB_URI=mongodb+srv://ipritpritam:ipritpritam@cluster0.twcdr.mongodb.net/sample_restaurants?retryWrites=true&w=majority RESTREVIEWS_NS=sample_restaurants PORT=5000 then, create index.js in the backend ...

How to add custom styles to radio button using CSS

 In your html file write: <! DOCTYPE html > < html lang = " en " > < head >     < meta charset = " UTF-8 " >     < meta http-equiv = " X-UA-Compatible " content = " IE=edge " >     < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " >     < title >Custom Radio Button Design</ title >     < link rel = " stylesheet " href = " style.css " > </ head > < body >      < div class = " form-group " >          < label for = " gender " class = " text-light " >Gender</ label >          < div class = " radio inline " >              < input type = " radio " id = " radio-2 " name = " gender " value = " Male " >              < label for = " radio-2 " class = " radio-label "...

How to setup express js project with other dependencies

How to setup express project with other dependencies 1) Create a empty folder with a name of your project 2) Inside the folder, create a file called server.js 3) Now, in command prompt type npm init and press enter, just write the description of your choice and write the keywords of your choice or just press enter. It will create a package.js file inside your project folder. Now inside the package.js file write these: "scripts": {     "test": "echo \"Error: no test specified\" && exit 1",     "start": "nodemon server.js"   } Here you can see we have typed "nodemon" before server.js. 4) In command prompt write the following command: npm i express morgan nodemon ejs body-parser dotenv mongoose axios This will install express, morgan, nodemon, ejs, body-parser, dotenv, mongoose & axios inside the node_modules folder. What these does? express: to rapidly develop the node application morgan: morgan helps to...

laravel vuejs vuetify setting up dashboard panel (Instructions)

1) composer require laravel/ui 2) php artisan ui vue 3) npm install && npm install vue-router vuetify 4) in welcome.blade.php's body write div#app 5) npm run watch (     for vue error:      in webpack use .vue() &     For getting Vue.use is not a function:     For those who would be in the same case, in your app.js file, you must replace  the line :     window.Vue = require('vue');     With :     window.Vue = require('vue').default; ) Reference:  https://www.youtube.com/watch?v=jPpsT6KFDl4&list=PL9fcHFJHtFabrQMoRlfit6kSxXZE5YWU9&index=1 Con...

Warning from https://repo.packagist.org: You are using an outdated version of Composer.

  This error occurs when i try to install vue in laravel 8. So the error says:    Warning from https://repo.packagist.org: You are using an outdated version of  Composer. Composer 2 is now available and you should upgrade. See  https://getcomposer.org/2 and when i try to install ui obviously it says: Command "ui" is not defined.  because it doesn't find the ui as it can't install the ui through composer. So, To solve that, Run: composer self-update then, composer update then,  composer require laravel/ui then, php artisan ui vue then,  npm install npm run dev. For, me this s...