Full-StackProject 001

SmartFace AppSeptember 2023

Full-stack application built with React and Node.js + Express.js on the backend. Features user authentication, database integration with PostgreSQL, and modern UI components.

SmartFace App

About This Project

The frontend app was built with React and Vite, using npm packages like tsparticles and parallax-tilt to make the visuals more appealing. RBAC for users and guests. For the backend app, Node, Express, bcrypt, and Knex are the main tools. Knex enables to connect to a database and build queries. Here I first found out how to use transactions in db. PostgreSQL with two tables also came in handy.

Key Features

  • User authentication and authorization
  • Database integration with PostgreSQL
  • Simple UI with particle effects
  • Responsive design
  • Secure password hashing with bcrypt

Challenges & Solutions

  • Implementing secure user authentication (hashing passwords)
  • Database transaction management
  • Creating responsive user interface
  • Handling user registration and login flows

Technologies Used

ReactNode.jsExpressPostgreSQLKnex
SmartFace App - Image 1
SmartFace App - Image 2
SmartFace App - Image 3