INQUIRY PROCESSOR

Small and simple full-stack web application for processing inquiries.

Table of contents

• Technologies
• Setup
• Features
• Status
• Inspiration
• Contact

Technologies

• HTML
• CSS
• JavaScript
• React
• Redux
• Node.js
• Express
• Babel
• Webpack

Setup

• Clone this repository to your local machine

  $ git clone https://github.com/petruborta/inquiry-processor

• Follow this guide from Google on how to use reCAPTCHA

• Go to Google Recaptcha Admin to get a reCAPTCHA site key.

• For development purposes (not production) use 127.0.0.1 as your site

• In project's main folder create a .env file with the following content and replace YOUR_SECRET_KEY with the secret key received after setting up reCAPTCHA for your site

RECAPTCHA_SERVER_KEY=YOUR_SECRET_KEY
PORT=4242

• Run these two commands in separate terminals

npm run webpack
npm run dev

• In browser type 127.0.0.1:4242 to see the application live (reCAPTCHA won't work localhost:4242)

Features

• Inquiry form with validation of input data and anti-spam measure (reCAPTCHA)
• Collection and storage of inquiries
• Page for viewing, reading and managing inquiries (REST API for CRUD operations)
  • inquiries ordered by date in descending order
  • mark inquiry as read, unread, starred, unstarred or simply delete
  • select multiple inquiries and mark as read, unread or delete them all at once
  • view inquiry details in a separate window
  • filter inquiries by categories:
    • read
    • unread
    • starred
    • unstarred
• Responsive and minimalistic design

Status

Project is: finished - all requirements of the project (based on test/problem description) are met, but there are more features that can be added and optimization to be made.

Inspiration

This project is solution to a technical test.

Contact

Created by @petruborta - feel free to contact me!