DEV Community

Cover image for I created an e-commerce site from scratch and kept a development diary over the course of 5 months
sgoulas
sgoulas

Posted on • Updated on

I created an e-commerce site from scratch and kept a development diary over the course of 5 months

tl;dr I completed a personal project that I would like to share: project repository

Hello all,

I recently finished working on a personal project where I set up to create a simple e-commerce project from scratch in order to learn some new things and I would like to share it with anyone that might be interested.

Watch the video

click the image above to see the demo

The stack includes: material-ui, nextjs, redux, redux-saga, redux-toolkit, jest with react-testing-library, apollo and more.

I also tried to implemet SEO features like open graph protocol and structured metadata and validated the mark up and the application's accessibility through W3C and WAVE validators.

The biggest point of interest in my opinion is the documentation. I kept a detailed development diary (over the span of 5 months) for each day I worked on the project which includes all my decisions (style / architecture / technology stack) as well as almost all the problems I faced and the crossroads I found myself on. In that regard, the project might be useful to junior and maybe medior developers that often wonder "how do I start creating something from scratch?" or faced similar problems in their projects.

The project can be found here: project repository

Thank you for your time, have a nice day.

Top comments (12)

Collapse
 
rammina profile image
Rammina

Thank you for sharing your experiences! I really enjoy following the train of thought of another developer, which is pretty hard to find among most learning resources.

You gave me an idea to make a public documentation/diary for my next project!

Collapse
 
sgoulas profile image
sgoulas

Glad you find it useful!

Collapse
 
raibtoffoletto profile image
Raí B. Toffoletto

Thank you so much for this!!! I think this is a great idea and quite useful to anyone wanting to improve coding!! 😁. I have a music background and since I started as a Developer I find myself following the same patterns, that is: Learn by practicing at home, looking how others solved the same problems you encounter, and applying it at work.

CPE Bach wrote in 1755 that we learn and acquire good taste by looking at others. That is true for music and I think it's also absolutely true for coding. I'll for sure have a look into your diaries, even though I use other stack.

Keep up the good work!!! 🎉🎉

Collapse
 
khojinet profile image
KHOJINET

Is there any demo available?

Collapse
 
sgoulas profile image
sgoulas
Collapse
 
sgoulas profile image
sgoulas

Not at the moment, but if enough people are interested in that I can make one.

Collapse
 
maxeclairs profile image
Akhilesh Upadhyaya

Hi, this looks nice.

Where can I find the documentation for this?

Collapse
 
sgoulas profile image
sgoulas

In the project's documentation section: github.com/sgoulas/pdpProject/tree...

Collapse
 
33nano profile image
Manyong'oments

Absolutely amazing.

Collapse
 
adgamerx profile image
Aman Dutt

course*

Collapse
 
sgoulas profile image
sgoulas

Thank you, fixed.

Collapse
 
abdelatif_laghjaj profile image
Abdelatif Laghjaj

It's just awesome 🔥 i love it