todo-list

Simple genezio todo list example

This is a simple project with a server and a client for a todo app. The server is built with Node.js and MongoDB. The client is built with React.

Prerequisites

• ✅ NodeJs >= 18.0.0
• ✅ npm
• ✅ genezio

1. Host a Mongo Database. Follow this tutorial to get a free tier database.
2. Create a server/.env file and add the following environment variables:

MONGO_DB_URI=<your-mongo-uri>

Project Structure

Inside the project folder, you will find the following files and folders:

├── server/
│   ├── models/
│   ├── task.ts
│   ├── package.json
│   └── tsconfig.json
├── client/
│   ├── src/
│   ├── package.json
|   └── tsconfig.json
├── genezio.yaml
├── README.md
├── .genezioignore

Genezio looks for genezio.yaml to read the settings for deploying the project or for spinning a local dev server for testing.

The backend directory contains the implementation of the server side of the project.

The frontend directory contains a simple React application that talks with the genezio server.

Run the project

Clone this example

Clone the repository:

git clone https://github.com/Genez-io/genezio-examples

Navigate to the following directory:

cd ./genezio-examples/typescript/todo-list

Test your project locally

Test the project locally:

genezio local

Open a new terminal, navigate to the following directory, and launch the application:

cd ./client
npm install
npm run dev

Deploy your project with genezio

If you wish to deploy your project to the Genezio infrastructure, follow these steps:

Log in to Genezio using the command genezio login:

genezio login

Deploy your project using the genezio deploy command from the ./genezio-examples/typescript/todo-list directory.

genezio deploy

Commands

All commands are run from the root of the project, from a terminal:

Command	Action
npm install -g genezio	Installs genezio globally
genezio login	Logs in to genezio
genezio local	Starts a local server
genezio deploy	Deploys a production project
genezio --help	Get help using genezio

Want to learn more?

Check out:

• Official genezio documentation
• Web development tutorials
• Discord channel

Contact

If you need support or you have any questions, please join us in our Discord channel. We'd love to chat!

Built With

• Genezio
• Node.JS
• React