TechUSA (MERN stack application)

This is a frontend/backend application for writing news for tech companies.

Table of Contents

• TechUSA (MERN stack application)
  • Table of Contents
  • Features - Core (MERN stack) - Authentication & Security
  • Installation and Setup
  • Demo
    • Home Page
    • Post Page
    • Edit Page
    • Login Page
  • Contact Information

Features

•  Write/ Edit posts for specific companies when login with the account
• 🛏️ Register/ Login function for companies to write posts for their compnay

Core (MERN stack)

• MongoDB to store user, item, and reservation data
• Express as the web server framework. Express is chosen for its performance, and features for web applications
• React for
• Nodejs for server-rendered React applications

Authentication & Security

• bcrypt for hashing passwords before storing, ensuring secure storage of user credentials
• jsonwebtoken for handling JSON Web Tokens, providing a secure way to transmit data between parties as a JSON object
• cors to enable Cross-Origin Resource Sharing, allowing the front end and back end to communicate securely

Installation and Setup

1. Clone the repository

   git clone https://github.com/yi-cheng-liu/techusa.git

2. Navigate to the project directory

   cd techusa

3. Install dependencies of frontend and backend

   yarn # backend
   cd client/
   yarn # frontend

4. Run the server, runs at http://localhost:4000

   cd api/
   node index.js

5. Run the client, runs at http://localhost:3000

   cd client
   yarn start

   Open http://localhost:3000 with your browser to see the website.

Demo

Home Page

Post Page

Edit Page

Login Page

Login Page	Register reservation

Contact Information

For more information or contributions, you can reach us at: Yi-Cheng Liu, Email: whsjerryliu@gmail.com or liuyiche@umich.edu