Skip to content

Update Getting started with MERN for better understanding #1551

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Jun 18, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 6 additions & 10 deletions blog/authors.yml
Original file line number Diff line number Diff line change
@@ -1,23 +1,19 @@
ajay-dhangar:
name: Ajay Dhangar
url: https://github.com/ajay-dhangar
title: Founder of CodeHarborHub
url: https://ajay-dhangar.github.io/
image_url: https://avatars.githubusercontent.com/u/99037494?v=4

ajay-dhangar_2022:
ajay-dhangar_2024:
name: Ajay Dhangar
title: Software Engineer
url: https://github.com/ajay-dhangar
title: Software Engineer at OptimumAI
url: https://www.optimumai.in/community
image_url: https://avatars.githubusercontent.com/u/99037494?v=4

ajay-dhangar_2021:
name: Ajay Dhangar
title: Full Stack Developer
url: https://github.com/ajay-dhangar
image_url: https://avatars.githubusercontent.com/u/99037494?v=4

ajay-dhangar_2020:
name: Ajay Dhangar
title: Frontend Developer
title: B.Tech (CSE) Student
url: https://github.com/ajay-dhangar
image_url: https://avatars.githubusercontent.com/u/99037494?v=4

Expand Down
1,270 changes: 592 additions & 678 deletions blog/getting-started-with-mern/index.md

Large diffs are not rendered by default.

Binary file removed blog/getting-started-with-mern/infino.jpg
Binary file not shown.
Binary file removed blog/getting-started-with-mern/output1.png
Binary file not shown.
Binary file removed blog/getting-started-with-mern/output2.png
Binary file not shown.
Binary file removed blog/getting-started-with-mern/output3.png
Binary file not shown.
Binary file removed blog/getting-started-with-mern/react.jpg
Binary file not shown.
6 changes: 4 additions & 2 deletions blog/getting-started-with-microservices/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -786,6 +786,8 @@ Now let’s see how we can develop an Api-gateway for our application.

![img14](./images/image14.png)

Throughout this journey, we explored the core concepts of microservices, compared them to monolithic architectures, to developing microservices.
That’s it! We have successfully developed a microservices architecture with a service registry, communication between microservices, and an API gateway. This modular approach to software design offers several benefits, including increased agility, scalability, and resilience. By breaking down complex applications into smaller, more manageable services, we can achieve faster development cycles, easier maintenance, and better scalability. Microservices architecture is a powerful design pattern that can help organizations adapt to changing business requirements and deliver innovative solutions to customers.

Thanks for taking the time to read our article.
## Conclusion

Microservices architecture is a design pattern that structures an application as a collection of small, loosely coupled services. Each service is self-contained, focused on a specific business functionality, and can be developed, deployed, and scaled independently. This modular approach to software design offers several benefits, including increased agility, scalability, and resilience.
4 changes: 2 additions & 2 deletions docs/react/getting-started/getting-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -145,8 +145,8 @@ Runs the app in development mode. Open [http://localhost:3000](http://localhost:

<BrowserWindow>
<div style={{textAlign: 'center'}}>
<header style={{minHeight: '80vh', display:' flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fontSize: 'calc(10px + 2vmin)'}}>
<img src='/code-harbor-hub/img/docs/react/logo.svg' className="App-logo" alt="logo" />
<header style={{display:' flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fontSize: 'calc(10px + 2vmin)'}}>
<img src='/img/docs/react/logo.svg' className="App-logo" alt="logo" />
<br/>
<p>
Edit src/App.js and save to reload.
Expand Down
Loading