A full stack online shop project. #miniproject #webdevelopment
Hello everyone!
A full stack online shop project which I built from the udemy course 100 days of code by @Academind.
Thanks to Maximilian and Manuel instructors for this course who taught every concept in depth and in a simple way.
It is a great course if you want to learn full stack web development.
1) Course link?
https://www.udemy.com/course/100-days-of-code-web-development-bootcamp/
2) My linkedin profile?
https://www.linkedin.com/in/hiteshmishra21/
I have finally completed my online shop project. It was great learning for me to work with frontend and backend simultaneously.
I used #HTML, #CSS, #JAVASCRIPT for frontend and #NODEJS, #MONGODB for the backend.
This is the GitHub link to the project: https://lnkd.in/dxXQc_cF
Following are some key features of the project ?:
?I have added user signup, sign and log in, and logout functionality using session and cookies using the express-session and connect-MongoDB-session(for storing sessions in MongoDB database) package in Nodejs.
?Now I can receive payments! In order to receive payments securely and efficiently I have added stripe payments(a third-party API for handling payments).
?It is a fully responsive website(using media queries).
?I used the #MVC(Models, Views, Controllers) pattern for organising and structuring my codebase. Models contain the logic for interacting with the data and database, View contains logic for presenting data or content to the user for ex: the templates and the logic(the ejs tags), and Controllers contain functions used to connect models with routes.
?I have also added a protected navbar so that only the admin can manage orders as well can add, delete or update the products, normal users don't have the authorization to do that!
#miniproject #webdevelopment
?It has a file upload feature and previews feature which is required while adding a new product by admin.
?It is protected from #cyber attacks such as #CSRF cross-site scripting attacks and #sqlinjection attacks. I used csurf package for csrf protection and used #ejs tags which escapes the user input wherever the user input is required. I stored passwords by hashing them first and then store to a database.
?Added input validation so that the user provides the appropriate
information to the site.
⭐If you have other project ideas which I should build to improve my web development skills or any suggestions, please tell me in the comments, it will be a great help to me!
#html #css #javascript #nodejs #mongodb #learning #webdevelopment @academind #100daysofcodewebdevelopment #100daysofcode
Видео A full stack online shop project. #miniproject #webdevelopment автора MySQL Трансформация
Видео A full stack online shop project. #miniproject #webdevelopment автора MySQL Трансформация
Информация
8 декабря 2023 г. 4:41:08
00:06:53
Похожие видео