/ProfileSite

Primary LanguageTypeScript

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