A naukri.com initiative
Dev
2w
401
Image Credit: Dev
Dark Souls CRUD Arena - The Prisoner Approach
- The Dark Souls CRUD Arena project, known as The Prisoner Approach, was developed over three weeks using a tech stack involving Vanilla JavaScript, HTML, CSS for the frontend, and Node.js, Postgres, and SQL for the backend, deployed on AWS using EC2 and RDS.
- The project was initiated to gain a deeper understanding of frameworks like Vue.js, React, Express.js, and Next.js by building the frontend with raw JS, HTML, and CSS and using only Node.js for the backend to appreciate the value frameworks provide.
- The project scope was intentionally kept limited to heroes and equipment resources, focusing on learning rather than IP-related goals while following the principle of KISS (Keep It Simple Stupid) to prevent project scope creep.
- Various considerations such as immediate deployment, usage of Docker for local development, and structuring the data layer with Postgres for schema and database setup were discussed and implemented during the project.
- Node.js was extensively used for backend development, including addressing challenges with ESM syntax, creating a server.js file for HTTP handling, and learning about ports and establishing connections between the database and Node.js server.
- Client-side development involved working with DOM manipulation, serving files like index.html as entry points, and organizing JavaScript files into modules to improve code organization.
- The project highlighted the importance of structuring code for scalability and understanding state management in the absence of frontend frameworks like Vue.js or React, which led to insights on handling state synchronization for concurrent users.
- Deployment to production involved setting up an EC2 instance on AWS, configuring Node.js and PM2, creating a secure database connection with AWS RDS, and ensuring network settings for proper app functionality and user access.
- Overall, the Dark Souls CRUD Arena project demonstrated the iterative learning process of building a full-stack application using raw JavaScript and Node.js, emphasizing the value of frameworks for efficiency and code organization.
Read Full Article
24 Likes
For uninterrupted reading, download the app