Phlex

A full-stack web application built using the MERN stack (MongoDB, Express.js, React, and Node.js).

Screenshots

Login Page

Home Page

Built With

• Material-UI - A popular UI library for creating beautiful and responsive user interfaces
• Redux Toolkit - A powerful set of utilities for simplifying the creation of Redux stores and actions
• React Router - A library for handling client-side routing in React apps
• Redux Persist - A library for persisting the state of a Redux store to local storage
• React Dropzone - A library for handling file uploads in React apps
• Node.js - A JavaScript runtime for building server-side applications
• Nodemon - A utility that automatically restarts a Node.js server when changes are detected
• NPX - A package runner that comes with npm
• Visual Studio Code - A popular code editor developed by Microsoft
• Dotenv - A library for loading environment variables from a .env file
• MongoDB - A popular NoSQL database for storing and querying data
• Mongoose - A library for interacting with MongoDB in a Node.js app
• JsonWebToken - A library for generating and validating JSON web tokens
• Multer - A library for handling file uploads in a Node.js app
• GridFS-Storage - A library for storing large files in MongoDB using GridFS
• Google Fonts - A library for easily adding custom fonts to a website
• Formik - A library for managing form state and validation in React
• Yup - A library for defining and validating object schemas in JavaScript

Features

• User registration and login
• CRUD functionality
• Responsive design for mobile devices
• Image upload and storage
• User authorization and authentication
• Dark mode toggle
• User likes & dislikes

Visual Data Model