Giter VIP home page Giter VIP logo

maxime1992 / pizza-sync Goto Github PK

View Code? Open in Web Editor NEW
166.0 17.0 48.0 59.08 MB

Pizza-Sync is a web app built on the frontend with angular, ngrx and on the backend with Nest. It let you and your friends/colleagues choose a pizza before placing a group order. Built using https://github.com/maxime1992/angular-ngrx-starter

License: GNU Affero General Public License v3.0

JavaScript 0.48% TypeScript 89.08% HTML 5.82% CSS 4.62%
angular ngrx socket-io nestjs parsing pizza

pizza-sync's Issues

Setup Travis as CI

We definitely miss some E2E and unit tests.

Once they're here, Travis would be a nice fit for CI.

Would also be useful to enforce lint + prettier checks!

create a docker for the API, another for static assets with Nginx

Node is single thread and serving the assets from the backend is really a bad idea.

The refactor of the backend to use Nest doesn't even serve the public folder in production anymore.

Nginx seems well suited for that use case:

  • serve static content
  • let HTTP calls to the api go through
  • let websockets go through

use images from the public folder instead of looking up within frontend

Thanks to PR #51 (with docker), I noticed a weird thing in code:

I decided to use the local images directly from the frontend folder instead of using the ones from backend/public.

This is because while we develop, we don't have to build the frontend and put it in backend/public.

But with Docker, we only keep the backend folder and thus, we loose all local pictures.

Split backend (Models - Controllers)

As the app is growing up, the backend was designed in the most simple way at the beginning.

It would be a good idea to split it into models and controllers.

Logo Design Proposal for Pizza-sync

Hi, my name is Ksenia. I'm a graphic designer and I'd like to collaborate on your open source project and propose free logo design for your project. If it's something you're interested in, please, let me know!

Best regards,
Ksenia

Setup Cypress and make some E2E tests

E2E tests are definitely missing here and I ended up breaking the export as CSV function after a library update which removes an rxjs operator I was using...

Cypress seems to be the perfect replacement for protractor and Pizza-Sync seems to be an excellent playground to play around!

Question about importing _colors.scss

Terrific sample project, by the way.

According to https://material.angular.io/guide/theming

The theme file should not be imported into other SCSS files. This will cause duplicate styles to be written into your CSS output. If you want to consume the theme definition object (e.g., $candy-app-theme) in other SCSS files, then the definition of the theme object should be broken into its own file, separate from the inclusion of the mat-core and angular-material-theme mixins.

I'm (very) new to scss and Angular Material, so I may be miss-interpreting this, but where you
@import '../../styles/shared/_colors';

eg in features.component.scss
isn't this doing just what the above tells us not to do, as mat-core is included in _colors.scss?

Setup NestJs for the backend

I've been keeping an eye on NestJs for few months and it seems to be really amazing.

Typescript, decorators, on top of express, websocket integration, syntax similar to Angular... Pizza-Sync seems to be the perfect candidate for a first app with NestJs!

Can't connect

Steps to reproduce:

  • be unlogged
  • load pizza-sync web page in your browser
  • before login box appears, click on pizza (any one)

The pizza img appears, maximized, but never, never you will see the login box again.
You need to reload to log.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.