Travel Pin Website

MERN Stack Project

Backend Deployment

• Base URL - https://travel-pins-app.herokuapp.com/

• All Pins - https://travel-pins-app.herokuapp.com/api/pins

NOTE: Set appropriate permissions to prevent access to backend by anyone.

Concepts Learned

• Folder Structure for MERN Stack Projects.

can vary depending on hosting site

• Data Fetch from MongoDB

using mongoose/MongoClient

• Schemas/Model in MongoDB
• React Context API
• Optimizing React using React.memo
• React Hooks

useState, useEffect, useCallback

• Conditional Rendering
• How to lift-a-state up via Props/Callbacks
• Local Storage in Browsers - window.localStorage
• Event Handlers - Event Loop
• Material UI
• React Mapbox GL

Similar to Google Maps

• Deploying MERN Stack Apps

Visuals

Light Theme

Dark Theme

To-Do

• Split the Project into multiple components