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 (15)

Collapse
 
yaldakhoshpey profile image
Yalda Khoshpey

Huge congratulations on shipping your first major project! I really appreciate you sharing that . that's so relatable and true for any complex project. The result looks incredibly clean and professional. that's a real achievement!πŸ₯°πŸ˜

Collapse
 
uzzy412_73 profile image
Alexandru Ene

Thank you very much! :)

Collapse
 
yaldakhoshpey profile image
Yalda Khoshpey

✨🌷

Collapse
 
adam_dev profile image
Adam Malsagov

Nice man! The demo looks good, also nice tech stack. I started building projects as well not long ago, although my first project was just a simple script in Python, but from my experience working on projects can teach you a lot along the way!

Collapse
 
uzzy412_73 profile image
Alexandru Ene

Thank you! It seems you learn even more from building things when you have no idea how to start. It was just so in my case.

Collapse
 
cristea_theodora_6200140b profile image
Theodora Cristea

Hey!πŸ₯° I took a look at your project and it looks amazing!
Congratulations on the work you’ve done, Alexandru, you’re on the right track!πŸ‘πŸ‘πŸ‘ You worked on both the frontend and the backend, creating an eCommerce site in such a short time, you’re definitely moving in the right direction!
I really like the attention you’ve put into the theme, the functionality, the responsiveness across all devices, and even accessibility! I’m glad you shared your progress! You should be very proud of what you’ve accomplished in these past months, well done!πŸ‘πŸ‘πŸ‘

Collapse
 
uzzy412_73 profile image
Alexandru Ene

Thank you so much for your kind words! See you around! πŸ₯°

Collapse
 
jennaclarke875 profile image
Jenna Clarke

Building a full-stack eCommerce site is no small task, and it’s awesome that you’re already tackling features like product management and authentication. Curious, do you plan to add payment integration or analytics next?
That could really take it to the next level.

Collapse
 
uzzy412_73 profile image
Alexandru Ene

Those would certainly make a difference. I will certainly get into it a bit later. I thought about it from the start, but as a begginer, putting it all together was already a big challenge. So I said maybe later. Thanks for sugestions!

Collapse
 
the_duchess_of_hackers profile image
The Duchess of Hackers

Wow, this looks like a huge milestone! I love how you didn’t just focus on building features but also made it responsive and added accessibility touches. Totally get that feeling of wanting to add more but also knowing when to move forward that’s growth. Congrats on shipping Progressio πŸ‘

Collapse
 
uzzy412_73 profile image
Alexandru Ene

Thank you so much!

Collapse
 
suruliraajan profile image
SURULIRAAJAN

good one keep moving

Collapse
 
uzzy412_73 profile image
Alexandru Ene

Thank you!

Collapse
 
kishor_koralli profile image
⭐ᏦαŽ₯α•α‚αŽ§α’ Ꮥ Ꮶ🌟

Good one actually. Congrats

Collapse
 
uzzy412_73 profile image
Alexandru Ene

Thank you!