DEV Community

Cover image for My First Real Project - Progressio Fullstack Ecommerce Website
Alexandru Ene
Alexandru Ene

Posted on

My First Real Project - Progressio Fullstack Ecommerce Website

Intro

After 2 months of efforts, my project is ready: a fullstack e-commerce website called Progressio. It's not real though. You can't really buy anything and not all the pages are filled. But it was so fun (not always though).

For some reasons, the code source is private. But I can walk you through if you have any questions.


Live Demo

You can login with these test credentials:
email: test@test.com
password: Test12341!

Live Demo


Features

  • User Registration & Login
  • JWT Auth with Protected Routes
  • Products Listing
  • Search
  • Cart & Favorites (synced with MongoDB + localStorage)
  • Light/Dark/OS Theme Toggle (saved per user + localStorage)
  • Recently Viewed Products
  • Profile Page with:
    • Avatar
    • Name & Password change
    • Cart & Favorites sync
    • Account Delete
  • Error & Success Feedback for All Actions
  • Fully Responsive Design
  • Basic Accessibility & Performance

Tech Stack

  • Frontend: React + TypeScript + CSS
  • Backend: NodeJS + Express + TypeScript
  • Database: MongoDB + Mongoose
  • Authentication: JWT (JSON Web Token)
  • Password Hashing: bcrypt
  • Deployment: Vercel & Render

A Few Words

This project started as a challenge, but it taught me a lot. I look at what I built and I know it's not perfect. There were lots of other features I wanted to implement. But I felt like moving on and had to give myself some credit. My goal of connecting all the dots together was complete. And I feel more capable now.

Feel free to tell me what you think. Your feedback is important to me.

Top comments (0)