Home Original page

GitHub - Hardvan/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
  1. Install the dependencies
  1. Run the website

Production Build

  1. Run the command
  1. The build folder will be created
  2. Upload the build folder to Cloudflare Pages