A full-stack web development project built with Google Cloud Functions, Firebase, Node.js, TypeScript, React and Styled-Components.
Features
- A Node.js Restful API for CRUD operations using Express, TypeScript, Google Cloud Functions with Firebase.
- Automated development workflow using GitHub Actions.
- React components based design system using Styled-Components and Storybook.
- Search, filtering, sorting and paginating using Custom React Hooks.
- Dynamic routes and authentication using react-router-dom.
- Performance optimization, code splitting and lazy loading.
- Redux-like persisted Global Store using React Hooks and the State Reducer Pattern
- Schema-based form-level validation using Yup.
Building the code
In the project directory, you can run:
To set up project
yarn && npm-run-all -p setup:yarn:*
To deploy Google Functions
cd functions && yarn install && yarn deploy
To build the client app
cd client && yarn install && yarn build
To develop the client app
cd client && yarn start
To run Storybook
cd client && yarn storybook