Mean-Blog: Blog using Nodejs, Expressjs, Angularjs and Mongodb

Mean Blog

Blog using Nodejs, Expressjs, Angularjs and Mongodb. MEAN Javascript Fullstack application

Features

  • Create/Edit/Delete Article
  • Passport Authentication for Administration
  • Bcrypt Password Hash
  • Angular ui router
  • textAngular Text-Editor
  • Sass

Server Side Dependencies

"bcrypt": "^0.8.4",
"body-parser": "^1.13.2",
"connect-flash": "^0.1.1",
"cookie-parser": "^1.3.5",
"ejs": "^2.3.3",
"express": "^4.13.1",
"express-session": "^1.11.3",
"mongoose": "^4.1.0",
"morgan": "^1.6.1",
"passport": "^0.2.2",
"passport-local": "^1.0.0"

Client Side Dependencies

"textAngular": "~1.4.2",
"bootstrap": "~3.3.5",
"angular": "1.4.3",
"angular-ui-router": "~0.2.15"

Getting Started

Clone Repo

git clone https://github.com/DimiMikadze/Mean-Blog.git

Npm install dependencies

cd server & npm install

Create config.js file in config folder

module.exports = {
    'secret': 'SomeSecretString',
    'database': 'mongodb://localhost/yourdatabasename'
};

Start Mongodb

mongod

Start Server

cd server & node app.js

Create Admin User

uncomment testUser route in app.js

app.use("/", require("./routes"));
app.use("/admin", require("./routes/admin"));
// app.use("/test", require("./routes/testUser"));

Navigate to

/test/create-user/your-name/your-password

this will create admin user with your name and hashed password

User Admin

Navigate to

/login

Insert your newly created name and password

Change Styles

Css is written with Sass, you can update scss files with running

cd client/public & sass --watch scss:css

or if you don't want to use Sass just update

client/public/css/app.css

Grunt Packages

grunt-contrib-concat
grunt-contrib-watch

Start Grunt

Grant will concatenate admin script and css files and watch for changes

cd client
grunt

output will look like this

Running "concat:js" (concat) task
File app/scripts.js created.

Running "concat:css" (concat) task
File public/css/admin/bundle.css created.

Running "watch" task
Waiting...

Contributing

contributions are more than welcome!

Author: DimiMikadze
Source Code: https://github.com/DimiMikadze/Mean-Blog 
License: MIT License

#node #angularjs #mongodb #expressjs 

What is GEEK

Buddha Community

Mean-Blog: Blog using Nodejs, Expressjs, Angularjs and Mongodb

Mean-Blog: Blog using Nodejs, Expressjs, Angularjs and Mongodb

Mean Blog

Blog using Nodejs, Expressjs, Angularjs and Mongodb. MEAN Javascript Fullstack application

Features

  • Create/Edit/Delete Article
  • Passport Authentication for Administration
  • Bcrypt Password Hash
  • Angular ui router
  • textAngular Text-Editor
  • Sass

Server Side Dependencies

"bcrypt": "^0.8.4",
"body-parser": "^1.13.2",
"connect-flash": "^0.1.1",
"cookie-parser": "^1.3.5",
"ejs": "^2.3.3",
"express": "^4.13.1",
"express-session": "^1.11.3",
"mongoose": "^4.1.0",
"morgan": "^1.6.1",
"passport": "^0.2.2",
"passport-local": "^1.0.0"

Client Side Dependencies

"textAngular": "~1.4.2",
"bootstrap": "~3.3.5",
"angular": "1.4.3",
"angular-ui-router": "~0.2.15"

Getting Started

Clone Repo

git clone https://github.com/DimiMikadze/Mean-Blog.git

Npm install dependencies

cd server & npm install

Create config.js file in config folder

module.exports = {
    'secret': 'SomeSecretString',
    'database': 'mongodb://localhost/yourdatabasename'
};

Start Mongodb

mongod

Start Server

cd server & node app.js

Create Admin User

uncomment testUser route in app.js

app.use("/", require("./routes"));
app.use("/admin", require("./routes/admin"));
// app.use("/test", require("./routes/testUser"));

Navigate to

/test/create-user/your-name/your-password

this will create admin user with your name and hashed password

User Admin

Navigate to

/login

Insert your newly created name and password

Change Styles

Css is written with Sass, you can update scss files with running

cd client/public & sass --watch scss:css

or if you don't want to use Sass just update

client/public/css/app.css

Grunt Packages

grunt-contrib-concat
grunt-contrib-watch

Start Grunt

Grant will concatenate admin script and css files and watch for changes

cd client
grunt

output will look like this

Running "concat:js" (concat) task
File app/scripts.js created.

Running "concat:css" (concat) task
File public/css/admin/bundle.css created.

Running "watch" task
Waiting...

Contributing

contributions are more than welcome!

Author: DimiMikadze
Source Code: https://github.com/DimiMikadze/Mean-Blog 
License: MIT License

#node #angularjs #mongodb #expressjs 

Query of MongoDB | MongoDB Command | MongoDB | Asp.Net Core Mvc

https://youtu.be/FwUobnB5pv8

#mongodb tutorial #mongodb tutorial for beginners #mongodb database #mongodb with c# #mongodb with asp.net core #mongodb

Install MongoDB Database | MongoDB | Asp.Net Core Mvc

#MongoDB
#Aspdotnetexplorer

https://youtu.be/cnwNWzcw3NM

#mongodb #mongodb database #mongodb with c# #mongodb with asp.net core #mongodb tutorial for beginners #mongodb tutorial

Elisa  Marks

Elisa Marks

1603417874

How to Hire MEAN Stack developers

Are you planning to develop an entire application and looking for an affordable full stack developer? Your best choice is to hire a MEAN Stack developer. A MEAN stack developer is a full stack developer who has knowledge and experience in the development process using the particular set of technologies that include MongoDB, Expressjs, AngularJs, and NodeJS. You can also call MEAN stack developers as JS-based application developers. They are no less than Full stack developers but they are affordable and efficiently JS-based. If you are not technically sound, here is your guide to hiring MEAN stack developers.

Top Full-stack Developer Types You Should Know

To developer an entire web or mobile application, it is necessary to complete the three layers of application development. The front-end where the external layer or the user interface is designed and styled. The back-end where the internal data are stored in databases. The API layer is the business logic that connects both the backend and frontend. Here are the types of full-stack developers with different specialties.

MEAN – MongoDB, Express, Angular, and NodeJS

MongoDB: The open-source, cross-platform database that uses binary data type like JSON is probably the best choice to manage large sets of data.

Express: It is a highly flexible and light-weight web server framework for robust web applications.

AngularJS: The open-source framework incorporating MVVM architecture enables developers to build smarter and faster web applications.

NodeJS: An open-source, cross-platform and server-side technology to build highly scalable web applications.

#mean stack #mongodb #expressjs #angularjs #nodejs

Elisa  Marks

Elisa Marks

1605755767

A Guide To Plan and Build A Successful Mean Stack Application

For an entrepreneur with less or no technical knowledge and experience, it is pretty hard to make a decision when it comes to developing a web application for their business. Developing a mobile or web application is not an easy task. It involves a lot of important decisions to make. For instance, choosing the right framework, hiring the right developers or a development company, negotiating time and budget frame properly and much more. So, here is everything to help you make the right decisions and a guide to plan and build successful MEAN stack applications.

What is MEAN stack?

It is actually the acronym for the set of javascript-based technologies Mongo-DB, Express JS, Angular JS and Node JS. A MEAN stack developers develop a complete application using these particular set of technologies MongoDB, Expressjs, AngularJs, and NodeJS. These developers are also known as JS-based application developers. Mean stack basically comprises of everything that is required for developing applications as shown below. It has all the capabilities to develop fast, reliable and robust applications effortlessly.

#mean stack #nodejs #angularjs #expressjs #mongodb #development