The document outlines the creation of a personal book website using the MERN stack, highlighting its benefits for job seekers and skills acquisition. It details the project's content and structure, including sections on personal information, portfolio, technology used, and a timeline for development. Key technologies mentioned include MongoDB, Express.js, React, and Node.js, along with hosting services for deployment.

1. Submitted to.
Submitted by : .
Darla Rajkumar L21it131
BOOK WEBSITE USING
MERN STACK

2. Introduction
 Personal website helps recruiters find you
much easily.
 It is more dynamic than a resume.
 It gives an opportunity to separate yourself
from rest of the pack.
 Helps in acquire new skills.
 Visualization impact is more.

3. Content
• Your passion
• Your best research
• Your goal
• Download resume
About Me
• Education and Professional information
• Skills
• Certifications
• Honors and Awards
Portfolio

4. Content
continued..
• Brief description, technology, source code link,
collaboration and timeline.
• What did I learn?
• Future roadmap.
Projects
• Tutorial/research blog with images, chart etc..
• Comment on each blog.
Blog
• Email, phone and social media profiles.
• Reach out form.
Contact Me

5. Technology
 MongoDB
 NoSQL database.
 Document-oriented like JSON.
 Mongoose API
MySQL MongoDB
Written in
C++, C C++, C and Javascript
Type RDBMS Document-Oriented
Main points
- Table
- Row
- Column
- Collection
- Document
- Field
Schemas Strict Dynamic
Scaling Vertically Horizontally
Key
features
- Full text searching and
Indexing
- Triggers
- SubSELECTs
- Query caching
- SSL support
- Auto-sharding
- Native replication
- Embedded data model
support
- Comprehensive
secondary indexes
- Rich query language

6. Express.js
Flexible Node.js framework that provides robust set of features for
web for web and mobile application
Routing with URL binding
Static files
Promise (async and await)
Body-parser, Cookie-parser

7. React
 Front-end library developed by
Facebook. It handles the view
layer for web and mobile apps.
 React is all about components.
 React-router to handle the front-
end routing.
React JS Angular JS
Author Facebook Google
Type Open Source
JS library
Fully-featured
MVC
framework
App
Architecture
Node MVC
Data Binding Uni-
Directional
Bi-Directional
DOM Virtual DOM Regular DOM

8. Redux
 Actions are payloads of
information that send data from
your application to your store.
 Reducers specify how the
application's state changes in
response to actions sent to the
store.
 The Store is the object that
brings Actions and Reducers.

9. Node.js
 Very powerful JavaScript-
based platform built on Google
Chrome's JavaScript V8
Engine.
 Single Threaded but Highly
Scalable.
 Callbacks and Event Driven.
 Node Package Module (NPM).

10. Hosting Services
 GitHub : Store the source-code
 Heroku/AWS : Deploy the application
 mLab : Deploy MongoDB

11. Timeline
31-
MAR
Server with
REST API’s
6-
APR
Database
design and
integrate
with server
20-
APR
Develop all
pages of
website and
integration
with backend
22-
APR
Handle the
comment
feature in
Blog page
24-
APR
Deploy the
application
27-
APR
Presentation