Copy or clone all of the files in your local. Open the VS Code and run with the Live Server extension.
- Install Node.js
- Navigate to the project folder and run the following from a terminal:
npm i(to create a Node.js project)npm run devornpm run server.js
- Open
localhostin a web browser, using the port specified inserver.jse.g. http://localhost:3000/
First of all, I worked for a dynamic website. I used web components and SPA architecture for this. I used PUB/SUB and Store structure for data sharing and automatic rendering of some components. He helped with some components of the project. Each component is designed not to affect each other. Local storage was used as the database. Interactive data from the user is recorded here and used to create dynamic content. A control panel was created for user logins. New users and new content can be added here.
Dark/Light mode and language options have also been added to the site. Thus, the user will be able to choose according to his preference.
Efforts were made to ensure that every designed component and page was responsive.
I was wondering about SPA with Vanilla JS. I found an opportunity for this in this study. This was a different experience for me too. I thank you https://www.hackyourfuture.net/ for this.
- My Github : https://github.com/ilyas9461
- My YouTube : https://www.youtube.com/@ilyas-wi3ug
- My Linkedin : https://www.linkedin.com/in/ilyas-yagcioglu
- User Name : user
- Password : 1234
- https://www.w3schools.com/
- https://css-tricks.com/build-a-state-management-system-with-vanilla-javascript/
- https://dev.to/chovy/state-management-into-its-own-module-in-vanilla-javascript-58mf
- https://learn.microsoft.com/en-us/previous-versions/msdn10/hh201955(v=msdn.10)
- https://www.antoniovdlc.me/one-way-state-management-in-vanilla-javascript/
- https://unsplash.com/
- https://www.arduino.cc/