Travel-India-Memos ✈️

Live Preview :

https://travel-india-memos.netlify.app

Introduction

This is a code repository for our web technology project for 2021. It is a full-stack project built using the MERN stack.

• MongoDB
• Express
• React
• Node

The main aim of the project was to create a blogging site for users so that they could easily upload their information, articles and blogs related to their travel experiences in India. The site is simple and user-friendly and enables users to write about tourist attractions in various cities and states of India.

A user can read all blog posts on the home page of the site. If he/she wishes to write a post or like someone else’s post, they must create their own account first. After that, he can sign in anytime he/she wants and continue writing articles. There is no limit to the number of articles that a person can write. There is no limit to the size of the article. The site is also responsive in design, which enables easy reading of the articles on mobile and other sized devices as well.

• Team Members : Meera Wadher & Gauri Shewale

Snapshots

Code, Routes & Project Structure 💻

Website Design ✨

• Home Page with Search Bar + Blogs

• Sign Up Options for New Users!

• Users can SignIn with Username + Password or by using Google OAuth.

• Users can write their first post, and attach an image to go with the text!

• New Post is added to Home Page!

• User can view their own posts in the MyPosts section.

• The site can be viewed from mobile and other smaller devices too. A nice responsive site 📱

Setup:

• Insert your Mongodb Connection Url for db connection & client id for Google OAuth. run npm i && npm start for both client and server side to start the app.