MERNgram

Connecting Reacts and Posting the Node-able!

Link to the website

Tech Stack

• HTML
• CSS
• JavaScript
• React
• Node.js

Website Explained

The website consists of 3 pages

1. Home Page
   Consists of Profile Side, Post Side and Right Side.
   Profile Side consists of Profile Picture, Username, Followers, Following, and Posts.
   Post Side consists of Post Picture, Post Caption, Post Likes, Post Comments and Post Time.
   Right Side consists of Trending List of various topics.

2. Profile Page
   Consists of Profile Side, Post Side and Right Side. Same as the Home Page, but the user's profile is displayed at the center.

3. Auth Page
   Consists of Login and Register Page.
   Login Page consists of Login Form.
   Register Page consists of Register Form.

How to run the website

1. Clone the repository

git clone https://github.com/Hardvan/MERNgram

2. Install the dependencies

npm install

3. Run the website

npm start

Production Build

1. Run the command

npm run build

2. The build folder will be created
3. Upload the build folder to Cloudflare Pages