Skip to main content

Todo List Angular

info

The source code for this example is public on the following GitHub repository.

Simple genezio todo list with Angular example

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

Prerequisites

Project Structure

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

├── server/
│ ├── models/
│ ├── helper.ts
│ ├── task.ts
│ ├── user.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-angular

Test your project locally

Test the project locally:

genezio local

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

cd ./client
npm run install-local-sdk
npm start

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-angular directory.

genezio deploy

Commands

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

CommandAction
npm install -g genezioInstalls genezio globally
genezio loginLogs in to genezio
genezio localStarts a local server
genezio deployDeploys a production project
genezio --helpGet help using genezio

Want to learn more?

Check out:

Contact

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

Built With