Skip to content

Full-stack messaging application built using the PERN stack (PostgreSQL, Express, React, and Node).

License

Notifications You must be signed in to change notification settings

ImSeanConroy/relay

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Relay: Send. Receive. Connect.

Full-stack messaging application built using the PERN stack (PostgreSQL, Express, React, and Node).

Project Colors Demo

Table of Contents

Getting Started

Prerequisites

Before getting started, ensure you have the following installed:

Installation

Follow these steps to set up the application locally:

  1. Clone the repository:
git clone https://github.com/imseanconroy/relay.git
cd relay
  1. Frontend Setup:

    1. Navigate to the frontend directory and install dependencies:
    cd frontend
    npm install
    1. Configure environment variables by creating a .env file in the frontend directory:
    NODE_ENV=development
    1. Start the frontend development server:
    npm run dev
  2. Backend Setup:

    1. Navigate to the backend directory and install dependencies:
    cd backend
    npm install
    1. Configure environment variables by creating a .env file in the backend directory:
    DATABASE_URL=<your_database_url>
    JWT_SECRET=<your_jwt_secret>
    NODE_ENV=development
    PORT=3000
    1. Start the backend development server:
    npm run dev

Development and Testing

Run all tests with the following command:

npm run test

Development Plan and Improvements

This section outlines upcoming features and improvements:

  1. User Features:

    • Integrate email validation and forgotten password functionality.
    • Add functionality to update and delete messages.
    • Enable replying to messages and creating message threads.
    • Improve search functionality with optimized API calls and enhanced UI.
    • Implement avatars customization and image uploads.
  2. UI/UX Enhancements:

    • Redesign the chat interface for better usability, particularly on mobile devices.
    • Integrate animations and transitions to enhance user interaction.
  3. Testing and Quality Assurance:

    • Expand test coverage for both frontend and backend components.
    • Automate integration tests using CI/CD pipelines for streamlined deployment.
    • Introduce comprehensive logging for error tracking and debugging.
  4. Documentation:

    • Create a detailed API reference.

Feel free to suggest additional improvements by opening an issue.

Project Structure

relay/
├── frontend/    # React application
├── backend/     # Express.js server and PostgreSQL integration
└── README.md    # Project documentation

Contributing

Contributions are welcome. Please open an issue or submit a pull request for any enhancements or bug fixes.

License

This project is Distributed under the MIT License - see the LICENSE file for information.

Support

If you are having problems, please let me know by raising a new issue.

About

Full-stack messaging application built using the PERN stack (PostgreSQL, Express, React, and Node).

Topics

Resources

License

Stars

Watchers

Forks