Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/akashkobal/pern-todo-app
This is a Todo application built using the PERN stack: PostgreSQL, Express.js, React, and Node.js. The frontend is developed with React and Bootstrap, while the backend uses Node.js and Express.js. PostgreSQL is used for data storage.
https://github.com/akashkobal/pern-todo-app
css database expressjs html javascript nodejs npm pern-stack pern-todo postgresql reactjs todo-list todo-list-with-database todolist
Last synced: 14 days ago
JSON representation
This is a Todo application built using the PERN stack: PostgreSQL, Express.js, React, and Node.js. The frontend is developed with React and Bootstrap, while the backend uses Node.js and Express.js. PostgreSQL is used for data storage.
- Host: GitHub
- URL: https://github.com/akashkobal/pern-todo-app
- Owner: AkashKobal
- License: mit
- Created: 2024-07-21T19:13:37.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-10-13T12:06:57.000Z (4 months ago)
- Last Synced: 2024-12-05T22:10:25.514Z (2 months ago)
- Topics: css, database, expressjs, html, javascript, nodejs, npm, pern-stack, pern-todo, postgresql, reactjs, todo-list, todo-list-with-database, todolist
- Language: JavaScript
- Homepage: https://pern-todo-app-seven.vercel.app
- Size: 205 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# PERN Todo App
*This is a Todo application built using the PERN stack: PostgreSQL, Express.js, React, and Node.js. The frontend is developed with React and Bootstrap, while the backend uses Node.js and Express.js. PostgreSQL is used for data storage.*
## Screenshot
## Features
- Add, edit, and delete tasks
- Mark tasks as complete or incomplete
- Responsive design with React and Bootstrap
## Installation
Follow these steps to set up the project on your local machine.
### Prerequisites
Make sure you have the following installed:
- Reactjs
- Node.js
- npm (Node Package Manager)
- PostgreSQL
### Clone the Repository
```sh
git clone https://github.com/your-username/pern-todo-app.git
cd pern-todo-app
```
## Backend Setup
1. Navigate to the backend directory:
```sh
cd backend
```
2. Install the required dependencies:
```sh
npm install
```
3. Add your PostgreSQL database configuration:
```sh
user: "postgres",
host: "localhost",
database: "perntodo",
password: "your_pgAdmin_password",
port: 5432,
```
4. Run the backend server:
```sh
node index.js
```
## Frontend Setup (Open new terminal in client folder)
1. Navigate to the client directory:
```sh
cd client
```
2. Install the required dependencies:
```sh
npm install
```
3. Start the React development server:
```sh
npm start
```
## Running the Application
With both the backend and frontend servers running, open your browser and navigate to http://localhost:3000 to see the app in action.