Skip to content

Completed: May 2022

Inteligets — Fullstack MERN stack e-commerce site

View live projectView the code

The brief/ challenge

Helping the brand scale to a new avenue and establish a presence online.

Inteligets is a technology brand that sells quality “pre-loved” smart-devices and internet of things (IOT) gadgets, helping them find new homes. Their mission is to help make technology more attainable for people who wouldn’t be able to afford the luxuries of smart devices. While they specialise in acquiring and refurbishing smart devices, this project and store aimed to help the brand reach a bigger audience and lead them to greater sales.

The solution

A self hostable, scallable and easy to use eccommerce store that:

  • Is powered by the MERN stack.
  • Is easy to use all-in-one-place shop and management experience.
  • Is a completely self-reliant solution which doesnt rely on any third party sevices or platforms.

React.js

A JavaScript framework developed by Facebook (Meta) that makes developing user interfaces using declarative JavaScript code possible.

Node.js

An incredible backend technology that makes it possible to use JavaScript on the backend.

Express.js

A Node.js framework that makes makes it easier to develop Node backends.

Redux

An awesome state management library I mostly use with React apps.

Bootstrap

A CSS framework developed by twitter that makes working with CSS easier and quicker.

For the customers

The Inteligets store quickly and easily, allows users to explore a variety of products and just as quickly create an account, purchase and pay for their order (demo uses PayPal). Post purchase and/or account creation, the store also allows users the control, view and manage their orders.

The frontend

Powered by React, the entire frontend uses: -A combination of the React-Bootstrap component library and vanilla Bootstrap to layout the UI. - Redux and Redux-thunks to manage the all state across the product, order and user components. - Axios as the HTTP Client to query the backend. - PayPal to manage payments.

Managing the store

The store supports 2 user roles: regular customers and admins. While customers have limited permissions, admin users (using the same frontend) can: - Create, update and delete products in the store. - Manage users and user permissions. - View, manage and update user orders.

The backend

The backend uses: - Node.js and Express.js as the backend runtime. - MongoDB for the database. - Mongoose to enforce a consistent and predictable data structure into the MongoDB database.

Thank you so much for checking out this project!

View the codeView the live project