This is Full stack Todo list application built with React, JavaScript, Node, Express, MariaDB, and SQL.
-
User opens this app and inputs the tasks one by one.
-
Database stores the tasks so that the user can close out of the app but still access the same tasks on reload.
-
As user completes a task, they can click the Done button to mark them as complete for organization.
-
If a user wishes to edit a task, they can press the Edit button to start editing.
-
If a user wishes to delete a task, they can press the delete button.
Make sure you have the following installed:
Create a database named your_todo_app
.
You can use the sql to execute:
CREATE DATABASE `your_todo_app`;
or do it manually by a database client like phpMyAdmin
-
Ensure your
MariaDB
server is running. -
The query in the
create_tasks_table.js
file is set up to create all the necessary tables and populate the needed data to allow the application to run correctly. This will be done automatically when starting the server. -
Open the project in your editor of choice.
-
Project Setup:
- Install backend dependencies:
cd backend
npm install
- Install frontend dependencies:
cd frontend
npm install
- Running the Application:
- Start the backend server:
cd backend
npm run dev
- In a separate terminal, start the frontend application:
cd frontend
npm run dev
- Open your browser and go to
http://localhost:5173
,
This app is built with: