Mini full-stack To-Do App project

Frontend, Backend,Database-All in one.

Steps:

1. Project structure
2. Installing npm packages
3. Backend setup
4. Database Configuration
5. Frontend setup
6. Styling with CSS.

What Software Stack Is Used?

• Frontend: React (JavaScript, styled with CSS)
• Backend: Node.js with Express
• Database: SQLite via Sequelize (ORM)

How Everything Connects?

Frontend sends HTTP requests to the backend API (/api/todos).

Backend handles requests, updates the SQLite database, and returns JSON data.

Frontend updates the UI based on the data from the backend.

Project structure

It is important to create the project structure before you start coding.

The project has two main folders:

client (React frontend) and

server (Node.js backend).

project/
│
├── client/      # React frontend
├── server/      # Express backend