shah21 / ProfileSite

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Profile Site

react typescript node mongodb

View Demo Β· Report Bug Β· Request Feature

This project is a simple mern stack application that helps to maintain our profile . So you can create an account and edit your profile thats all πŸ˜„. This project can use to reference for creating a simple mern application with following features ⬇️

Features

  • JWT Authorization
  • Password hashing
  • Form Validation
  • CRUD Operations
  • Flash messages ..Etc.

Installation

Server

  1. Configure mongoDb database πŸ“– Connect with mongoDb atlas

  2. Clone the repo

    git clone https://github.com/shah21/ProfileSite.git
  3. Install NPM packages

    npm install
  4. Enter your API keys and Database credentials in .env πŸ—’οΈ You can find example .env file from repo

     MONGO_USER = USER_NAME
     MONGI_PASSWORD = ....
     etc...

Client (Web)

  1. Install NPM packages

    npm install
  2. Change host ( server address ) on axios/config.ts ( if you want to run project locally )

    const host = '<address>';
    const BASE_URL = `http://${host}`;

Explore more

πŸ”– React bigginner ⏭️ advance Read
πŸ”– Jsonwebtoken docs Refer
πŸ”– Express docs Explore
πŸ”– Exoress validator Learn

Contact

Muhsin Shah - @shah21 - muhsinshah21@gmail.com

Project Link: https://github.com/shah21/Data-Bucket.git

About


Languages

Language:TypeScript 95.2%Language:HTML 3.9%Language:CSS 0.9%