This the front end repo for pyzlnar.com
Currently the front end is running in React and Redux, written in ES6 using
babel as a transpiler, and using inuit for the CSS.
This indeed sounds very fancy, but the truth is that I’m not exactly a front end guy, so chaces are that you will find stuff that is very very dirty. Hell, even the design is kinda ugly.
You will need the following installed to be able to run the front end:
Clone the repo into your machine, and then change to the directory before you run anything else.
# Create a root directory first if you haven't already.
# The directory structure is not needed, but I like working this way.
$ mkdir pyzlnar
# Clone the repo into front
$ git clone https://github.com/pyzlnar/pyzlnar-front.git pyzlnar/front
# Change to front directory
$ cd pyzlnar/frontWith the back repo, directories will look like this.
$ tree pyzlnar/ -L 1
pyzlnar/
├── back
└── front-
Development
Runs the server in development mode. Everything will be non obfuscated, and changes will cause an automatic reload. Default port is8080.
# http://localhost:8080
$ yarn dev-
Development Build
Runs the server in a build mode for development. This emulates production, but also serves the files. JS and CSS will be compiled and obfuscated. Hot reload will also be available but it’s obviously slower. Also uses port8080.
# http://localhost:8080
$ yarn dev:build-
Production Build
Builds all the assets, obfuscating them. Also copies all the images into the public folder. Since this just compiles files and expects something else to serve them (nginx) it doesn’t need a port. It takes a couple of seconds so be patient.
$ yarn buildRunning the tests is very easy! You just need to do:
$ yarn testAnd enjoy the nice output! Have that sense of relief that you have not killed anything.
Fair warning though, I don’t have component tests as of yet. It feels weird to test them when they’re super volatile, but maybe that’s exactly why I should. At some point I’ll probably add some minimalistic tests to ensure that at least I don’t get weird errors.
Small list of features that may be coming in the future.
-
Better responsive design
-
Better way to load static content (Eg. text)
Source Code is released under the MIT License.
If you believe an image infringes upon your copyright, please send an email through github with the following pieces of information:
Keep in mind we only respect requests from original artists or copyright owners, not derivative works.
-
The URL of the infringing image.
-
Proof that you own the copyright.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent