react-sql-todo-app

A To-Do app built using React and SQL.

Description:

This is a To-Do app built using PERN stack (postgressql, Express js, React js, Node js). The purpose of this To-Do app is to display tasks entered by the user and strike them out on completion, user can also delete the tasks completely if wanted.
The app has a simple UI. Some parts of the UI like SVG's, icons, etc. are used from Material UI library.Vite is used for local development.
The app also uses api from zenquotes.io to display the thought of the day as a feature.
(The app is not compaitaible for mobile devices)

Screenshots:

Usage and Installation Instructions:

1. Cloning the repository
   

   git clone https://github.com/Rahil16/react-sql-todo-app
   

2. Installing the dependencies:

   npm i
   

3. You will need to use two servers one to run client side and the other to run the server side. I am running the client side on port 5173 which is used by default when using vite and for the server side I am hosting it on port 5000.
4. For the database I have used PostgresSQL. You will need to create a database and name the columns appropriately.
5. Run your Application

   npm run dev
   

6. Open your Browser and visit 'http://localhost:5173/' to view the application

Folder Structure

• vite-project: Contains the frontend code written in React.js.
• Backend: Contains the backend code written in Node.js and Express.js.

License:

This project is licensed under the MIT License.