Example of a React list app.
Go to file
2023-10-17 12:35:16 -06:00
.github/workflows PR-610983: Creating the example project of a List Task App. 2023-10-12 06:30:16 +00:00
config Initial commit 2023-10-12 01:04:29 +00:00
cypress Initial commit 2023-10-12 01:04:29 +00:00
public Initial commit 2023-10-12 01:04:29 +00:00
src PR-994018: Adding support to Prefix url. 2023-10-17 18:31:48 +00:00
.babelrc Initial commit 2023-10-12 01:04:29 +00:00
.env.example PR-994018: Adding support to Prefix url. 2023-10-17 18:31:48 +00:00
.eslintignore Initial commit 2023-10-12 01:04:29 +00:00
.eslintrc.js Initial commit 2023-10-12 01:04:29 +00:00
.gitignore Initial commit 2023-10-12 01:04:29 +00:00
cypress.config.ts Initial commit 2023-10-12 01:04:29 +00:00
jest.config.js Initial commit 2023-10-12 01:04:29 +00:00
LICENSE Initial commit 2023-10-12 01:04:29 +00:00
package-lock.json PR-087389: updating list component library. 2023-10-16 17:37:08 +00:00
package.json PR-994018: Adding support to Prefix url. 2023-10-17 18:31:48 +00:00
PRNameGenerator.ts Initial commit 2023-10-12 01:04:29 +00:00
README.md PR-610983: Creating the example project of a List Task App. 2023-10-12 06:30:16 +00:00
service-worker.ts Initial commit 2023-10-12 01:04:29 +00:00
serviceWorkerRegistration.ts Initial commit 2023-10-12 01:04:29 +00:00
setupTest.ts Initial commit 2023-10-12 01:04:29 +00:00
tsconfig.json Initial commit 2023-10-12 01:04:29 +00:00
webpack.config.ts Initial commit 2023-10-12 01:04:29 +00:00
webpack.cy.config.ts Initial commit 2023-10-12 01:04:29 +00:00

Test List App

This project is an Example of a List of Tasks App.

Setup

To start the project you need to clone the repo:

git clone git@github.com:aleleba/test-list-app.git

Then run:

cd test-list-app

You will need to create a new .env file at the root of the project for global config. This is an exaple of config.

#Environment
ENV= #Default production
#App Port
PORT= #Default 80
#Host
HOST= #Default localhost

The default environment is production and the app port defauld is 80.

For Development

In the terminal run:

npm run start-frontend:dev
npm run start-server:dev

The ENV enviroment variable should be "development" and choose the port of your preference with the enviroment variable PORT.

You will find the root component on:

src/frontend/components/App.tsx

You will find the Initial Component on:

src/frontend/components/InitialComponent.tsx

The manage of the routes you should find on:

src/routes

It is using "useRoutes" hook for working, more information for this here: (https://reactrouter.com/docs/en/v6/api#useroutes)

This will start the app in development mode, also it have Hot Reloading! Enjoy coding!

For Production

In the terminal run:

npm run build

It will create a build folder and run:

npm start

This will start the app.

Cheers

Hope you enjoy this proyect! Sincerely Alejandro Lembke Barrientos.