loading...

My first blog with MERN Stack

rhodlib profile image Rhodlib Updated on ・3 min read

My first blog with MERN Stack (3 Part Series)

1) My first blog with MERN Stack 2) My first blog with MERN Stack (Back-end) 3) My first blog with MERN Stack (Front-end)

All about my blog: Why? What?

Let's start

This "guide" is for people who want to create a blog from scratch and do not know how to start, it doesn´t contain code or at least for the most part. it´s for guidance only.

In the following lines I´ll give you the details of the content of this publication, feel comfortable reading it or just go only to the part that interests you, I´ll hope you enjoy it.



Index

  • Why
  • What
    • Front-end
    • Back-end
    • Database
    • Utils
    • Styling


Why?

I made a blog because I think it is the best way to practice. I used my knowledge of front-end and back-end.

A blog is a good quick-source in case you have to solve problems. it´s information in your own words. It´s like a notebook, but you can share that information with other people and learn together. Sharing information about programming with other people is what makes it a beautiful environment.

This blog was based on Markdown,because i love it and in think it´s simple elegant and very clear. it has a beautifull sintax.

More info about markdown here.


What technologies you use for this blog ?

Just like most internet pages this blot it´s based on a front-end a back-end and a database. I dicided to use a stack called MERN (MongoDB, Express, React, Node) in this particular case because it uses javascript on the client and server side.


Front-end

The front-end is the part of a website with which users interact. all you can see when you browse the internet,from fonts and colors to drop-down menus and sliders. As much as simple it seems,you may have a lot of functionality and complex code.

For the front-end of the blog i prefer the following technologies.

It seems a lot of things, but each of the dependencies are use on something in particular.

Link to front-end: how?


Back-end

The back-end consist of a server an application and a database. . it´s the data access layer of a software or any other device, which is not directly accessible by users,also contains the logic of the application that handles said data.

For the back-end of the blog I choose the following technologies

Database

The database is where we store all the data, in this case we storage users and articles.

I use MongoDB for my blog´s database.

Link to back-end: how?


Utils

The utils are the tools I use to develop, I don't need an article to explain them, because they all have their own documentation and are basic development tools.

  • VScode // Visual Studio Code
  • Chrome // Web browser
  • Insomnia // Desktop API client for REST simil to Postman
  • nodemon // npm package, it is used to keep the local server running

Styling

  • prettier // Tool for styling the code in the code editor
  • water.css // Is a collection of styles to make simple website, this stylizes the html semantics, It's simple and beautiful.

My first blog with MERN Stack (3 Part Series)

1) My first blog with MERN Stack 2) My first blog with MERN Stack (Back-end) 3) My first blog with MERN Stack (Front-end)

Posted on by:

rhodlib profile

Rhodlib

@rhodlib

Developer - Geek - Gamer

Discussion

markdown guide
 

how many programming language one should know (generally) as a web dev?

 

We have many programming languages ​​for web development such as C #, Java, Python, PHP, Svelte, etc. (each with its respective framework for web development),
for example .NET Core for C #, Spring for Java, Django for Python and Laravel for PHP. I don't know much about this.
I only focus on JavaScript because it allows me to develop front-end with frameworks like React, Angular & Vue (They are the most popular) and back-end with NodeJS and its frameworks like (ExpressJS, Hapi .js, Koa, Etc). JavaScript is very popular and you can get a lot of information on the web.

 

when i search google it says i should learn one programming language every year. i don't like the idea bcz i can't master more than one or two programming language also some answers on quora says i can't get a job learning one language so i wanted to know is it enough to know only 2-3 language very well?

Well someone has posted a bullshit about getting a job as a frontend developer. From my experience if you have a good unterstanding of JavaScript and you know the other stuff needed in this work, then you should have zero problems getting one.

 

Hola, escribiría en inglés pero se que hablas español porque revise tu perfil xd.
Quería agradecerte por tu aporte, me va a servir muchísimo para poder aprender sobre react (actualmente se las bases de react y quiero adentrarme mucho más en este stack). Pienso agregarle muchas funciones más, quizás lo suba a mi Github, muchas gracias por tu aporte nuevamente.

 

Gracias por el comentario Shair, se valora mucho. Me alegra que te sea de utilidad, si te gusta react te recomiendo que veas hooks y algo para manejar estados globales como Redux o Context API. saludos!

 

This is perfect! Saving for future reference since I'm on the same learning path (MERN). Thanks!

 

Wow our short bio descriptions are nearly identical! Mine is Developer, Gamer, Tech Enthusiast. 🤣