This is a compilation of project starters. Many times, I get confused how things are connected and what does what. So I create this to help anybody to start any proejct. In this readme, you can find what feature you want, and then you go to specific project folder, inside that project folder, a detailed readme is present which guide you through how the each setup work, and what's the most important knowledge you need to know.
Majority of the code are not original except all the Readmes. They are good resource that I really want to understand, and that's the incentive behind this project starters compilations.
Uses file protocal, no plugin, no webpack, no backend, only frontend code
Uses file protocal, no plugin, no webpack, no backend, only frontend code It utilized the library Jquery, font awesome lib, google font roboto.
Uses file protocal, no plugin, including webpack, no backend, only frotnend code
Uses webpack-dev-server as server, no plugin, including webpack and webpack-devserver, no backend, only frontend code
Uses webpack-dev-server as server, no plugin, including webpack and webpack-devserver, no backend, only frontend code. Set up basic configuration for webpack.
Uses webpack-dev-server as server, no plugin, allow css to be imported into JS files by using cssloader and style loader in webpack config. Also, has tutorial on how to start with confiquure a plugin such as minification (which came with webpack). Including webpack and webpack-devserver, no backend, only frontend code.
Uses webpack-dev-server as server. Using Babel to enable ES6 syntax, using sass-loader to enable SCSS syntax. No backend, only frontend code.
Uses webpack-dev-server as server. Using Babel to enable ES6 syntax. Use react preset to enable JSX parsing. A simple REACT starter, no router, no redux, no backend.
Uses webpack-dev-server as server. Using Babel to enable ES6 syntax. Use react preset to enable JSX parsing. User CSS Loader and style laoder to allow modulzation of css code in react project. A simple REACT starter, no router, no redux, no backend.
Uses Express as server, and allow html to be seen.
Uses Express as server, and ejs setup. Has simple working get and post route set up. No database support. It shows you how to communicate between express and ejs template, and also show you partials in ejs.
Uses Express as server, and run with react. Browser does not auto refresh. But with commands, server code are monitored, and React code are monitored.
Uses Express as server, and run with react. Browser has auto refresh. For any change in server side or in react components, the change is instantly reflected in browser.
Uses Express as server, and ejs setup. Has fully implemented demo restful API, also use mongo as the database, and mongoose as the tool for database interaction. It also use semantic UI as libraray to demo.
Uses Express as server, and ejs setup. With basic user login logout funtionarlity with passport, passport-local, poassport-local-mongoose.