Technical Presentation Personal Website using the MERN stack
Technical Presentation Personal Website using the MERN stack Pavan Nagathihalli Shankarappa CSE-775 Distributed Objects
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.
Content About Me • Your passion • Your best research • Your goal • Download resume Portfolio • Education and Professional information • Skills • Certifications • Honors and Awards
Projects Content continued. . • Brief description, technology, source code link, collaboration and timeline. • What did I learn? • Future roadmap. Blog • Tutorial/research blog with images, chart etc. . • Comment on each blog. Contact Me • Email, phone and social media profiles. • Reach out form.
Technology Written in Mongo. DB No. SQL database. Document-oriented like JSON. Mongoose API Type My. SQL C++, C Mongo. DB C++, C and Javascript RDBMS Document-Oriented - Collection - Document - Field Dynamic Horizontally - Auto-sharding - Native replication - Embedded data model support - Comprehensive secondary indexes - Rich query language - Table Main points - Row - Column Strict Schemas Vertically Scaling - Full text searching and Indexing - Triggers - Sub. SELECTs Key features - Query caching - SSL support
Express. js Flexible Node. js framework that provides robust set of features for web and mobile application Routing with URL binding Static files Promise (async and await) Body-parser, Cookie-parser
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 frontend routing. Author Type React JS Angular JS Facebook Google Open Source Fully-featured JS library MVC framework Node MVC App Architecture Data Binding Uni. Bi-Directional DOM Virtual DOM Regular DOM
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.
Node. js Very powerful Java. Scriptbased platform built on Google Chrome's Java. Script V 8 Engine. Single Threaded but Highly Scalable. Callbacks and Event Driven. Node Package Module (NPM).
Hosting Services Git. Hub : Store the source-code Heroku/AWS : Deploy the application m. Lab : Deploy Mongo. DB
31 MAR Server with REST API’s 6 APR 20 APR Database design and integrate with server Develop all pages of website and integration with backend Timeline 22 APR Handle the comment feature in Blog page 24 APR Deploy the application 27 APR Presentation
- Slides: 12