Tomasz Żuber logo

About project

Fully functional e-commerce website for electronic items, built with Next.js and TypeScript frontend, and a Node.js, Express, and Mongoose backend. The responsive app features multiple pages, including product categories, individual product sub-pages with ratings, login/register functionality and a complete buying process up to payment.

I would like to present my most advanced project, which is a fully functional ecommerce website selling electronic items. I created the entire project from scratch: the frontend was written in Next.js (also Typescript), the backend in Node.js using Express.js and Mongoose, also I used a MongoDB database (REST API). The page is fully responsive - for mobiles, tablets and desktops. The application contains many pages - starting with the home page through individual product categories, sub-pages with individual products, where you can rate the products, the ability to log in/register, and the entire process of buying a product up to payment (which, of course, since this is not a full-fledged application, ends when you have to pay for the product). Being logged in allows you to add products to your favorites, save your data and track products later.

Homepage when the user is not logged in on the nextpc shop appShop site in laptops category on the nextpc shop app

Technology stack

  • React iconReact
  • Next.js iconNext.js
  • Typescript iconTypescript
  • Javascript iconJavascript
  • Node.js iconNode.js
  • Express.js iconExpress.js
  • MongoDB iconMongoDB
View of the single product in nextpc shop appView of the cart in nextpc shop app

Key futures

  1. homepage, shop page, category pages, product pages, and more
  2. custom backend for managing CRUD operations (orders, login, cart, favorites, comments)
  3. REST API using MongoDB to store and manage data
  4. login/registration with user data editing
  5. full cart functionality, order handling, and checkout process
  6. ability to search products by name
  7. frontend and backend security to prevent invalid data, plus cookie support
  8. fully responsive design
  9. accessibility-friendly practices
  10. SEO-optimized structure
  11. follows core design principles
  12. custom 404 and 500 pages