The latest articles on DEV Community by mariacelin oshiomah (@mariacelin_oshiomah_e929b). https://dev.to/mariacelin_oshiomah_e929b 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%2F1672231%2F4c7c0f55-f713-4c03-b959-811ec15ca03a.png https://dev.to/mariacelin_oshiomah_e929b en mariacelin oshiomah Wed, 25 Sep 2024 02:12:02 +0000 https://dev.to/mariacelin_oshiomah_e929b/portfolio-project-blog-post-4lj4 https://dev.to/mariacelin_oshiomah_e929b/portfolio-project-blog-post-4lj4 <p>Blog Post: Reflecting on my portfolio Project Journey<br> Introduction: Ecommerce page<br> For my final portfolio project, I build an ecommerce page .The project aims to provide a fully functional online shopping<br> <a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F277ddki8rlm1p0jmhex1.PNG" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F277ddki8rlm1p0jmhex1.PNG" alt="Image description" width="800" height="449"></a> platform with features like product listing, user authentication, shopping cart, checkout process, and more. It is built using modern web development technologies and follows best practices for scalability, security, and maintainability.<br> When building the e-commerce page, my personal focus was on delivering a smooth user experience while ensuring scalability and performance. Here are the key areas I concentrated on:</p> <ol> <li>User Experience (UX): I prioritized creating an intuitive interface, ensuring that the navigation was seamless and product information was clear. The goal was to reduce friction in the shopping process, from product browsing to checkout.</li> <li>Responsive Design: Given the wide range of devices customers use, I focused on making the e-commerce page responsive, ensuring it worked well on both mobile and desktop platforms.</li> <li>Security:Since e-commerce involves handling sensitive data, including payment information, I placed a strong emphasis on secure communication and data handling practices, such as HTTPS and data encryption. By balancing these elements, I aimed to create a reliable and user-friendly e-commerce platform that can grow with user demand. Technologies Used The project leverages the following technologies: Client Side (Front End): React.js styled with Bootstrap ,used the user interface Axios for making API requests Server Side (Back End):Node.js for the server environment Express.js as the web application framework Database:MongoDB for the database Mongoose for object modeling JSON Web Tokens (JWT) for user authentication Deployment: vercel for deployment and hosting External Services: Payment Gateway API (e.g.braintree or PayPal). Email Service API (e.g., SendGrid) I gained a lot of knowledge and confidence while building this full stack application,I found lots of rest api that I had to learn first . About Me I’m a passionate developer who is eager to learn new things. Having completed this project, I’m eager to continue learning and refining my skills in both software engineering . </li> </ol>