惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Vercel News
Vercel News
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
雷峰网
雷峰网
有赞技术团队
有赞技术团队
罗磊的独立博客
博客园 - 叶小钗
Jina AI
Jina AI
博客园 - 司徒正美
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
T
Tailwind CSS Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
人人都是产品经理
人人都是产品经理
Apple Machine Learning Research
Apple Machine Learning Research
阮一峰的网络日志
阮一峰的网络日志
Microsoft Security Blog
Microsoft Security Blog
大猫的无限游戏
大猫的无限游戏
量子位
MyScale Blog
MyScale Blog
V
Visual Studio Blog
博客园 - 聂微东
The Cloudflare Blog
Engineering at Meta
Engineering at Meta
小众软件
小众软件
宝玉的分享
宝玉的分享

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
FULL STACK -DAY 1
Sripriya Sar · 2026-05-07 · via DEV Community

Sripriya Saravanan

Today marks the beginning of my Full Stack Development journey...
I explored the fundamentals of modern web development and set up the tools required to build real-world applications.
*Tools & Platforms Installed *
✅ Vercel
✅ Render
✅ MongoDB Atlas
✅ MongoDB Compass
✅ React + Node.js Environment
First, I installed Node.js and verified the installation using Command Prompt.
Understanding the environment setup helped me learn how JavaScript runs outside the browser using Node.js.

React Setup Using Vite
Next, I created my first React project using Vite
Vite provides a faster and modern development environment for React applications.
After successful setup, my React application ran perfectly on localhost


After setup, my react app(in local host):

Creating My First Node.js Server

I created a file named:

server.js

Then I wrote a simple Node.js server and executed the code successfully.

This helped me understand:

  1. Server creation
  2. Handling requests
  3. Running backend applications



Calculator Project
To practice JavaScript concepts, I created a simple calculator using Node.js.
The calculator performs:

  1. Addition
  2. Subtraction
  3. Multiplication
  4. Division This mini-project improved my understanding of:
  5. Functions
  6. User input
  7. Arithmetic operations
  8. Node.js execution Successfully getting the output.  The output:  Introduction to Express.js

I explored Express.js, a popular Node.js framework used to build web applications and APIs.
Steps Performed
Created a new folder:
myapp
Initialized Node project:
npm init
Installed Express.js:
npm install express
After installation, the node_modules folder was automatically created.
Then I created:
app.js
and executed the code successfully
This was my first step toward backend API development.


Then I created:"app.js"


The output is:


MongoDB & MongoDB Atlas
MongoDB Atlas

  1. Signed into MongoDB Atlas
  2. Selected FREE tier
  3. Created deployment

** MongoDB Compass**

  1. Opened MongoDB Compass
  2. Copied Atlas connection string
  3. Replaced password in the connection URL
  4. Connected successfully
    After connection, I performed simple CRUD operations:

  5. Create

  6. Read

  7. Update

  8. Delete