The latest articles on DEV Community by sgoulas (@sgoulas). https://dev.to/sgoulas https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F417615%2F142b6299-2605-443a-8bb7-a0bb4f6b4839.jpeg https://dev.to/sgoulas en sgoulas Sun, 31 Oct 2021 01:19:28 +0000 https://dev.to/sgoulas/i-created-an-e-commerce-site-from-scratch-and-kept-a-development-diary-over-the-cource-of-5-months-12mm https://dev.to/sgoulas/i-created-an-e-commerce-site-from-scratch-and-kept-a-development-diary-over-the-cource-of-5-months-12mm <p><strong>tl;dr</strong> I completed a personal project that I would like to share: <a href="https://github.com/sgoulas/pdpProject" rel="noopener noreferrer">project repository</a></p> <p>Hello all,</p> <p>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.</p> <p><a href="https://youtu.be/tExUzbz5eCY" rel="noopener noreferrer"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgusxqdu4a81kjfytyovi.jpg" alt="Watch the video" width="480" height="360"></a></p> <p><em>click the image above to see the demo</em></p> <p>The stack includes: material-ui, nextjs, redux, redux-saga, redux-toolkit, jest with react-testing-library, apollo and more. </p> <p>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.</p> <p>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 <em>maybe</em> medior developers that often wonder "how do I start creating something from scratch?" or faced similar problems in their projects.</p> <p>The project can be found here: <a href="https://github.com/sgoulas/pdpProject" rel="noopener noreferrer">project repository</a></p> <p>Thank you for your time, have a nice day.</p> react javascript webdev nextjs