Git Product home page Git Product logo

starter-kit-generator's Introduction

How to start the project

This project is made to allow you to have your own template generator locally for your react projects and be a light weight environment to get comfortable with REACT and SASS.

To start

  1. run npm i -g big-poppa-code-react-starter in your commandline and the lets-code command will will be added globally onto your computer
  2. from the command line run lets-code in the parent folder that you desire the project to be in. i.e. if you put your projects in a projects folder run lets-code in your projects directory
  3. You will be prompted to confirm you want to build a react project, confirm that by choosing get started or quit by pressing CTRL + C.
  4. You will the be prompted to choose a project name, this will be the name of the directory your project is built in.
  5. After choosing the project name, You will then see some terminal output while the template is copied and npm install and npm audit are ran in the background. (note you don't have to install the packages they are added by default)
  6. Once the project is built you will see any npm output, including vulnerabilities, and instructions on how to start your project.
  7. cd into your project from the commandline and Feel awesome

Big Poppa Code React Starter Kit

This Starter Kit is being created for New Web Developers that want to get started with react

Most people use a CLI Tool like Vue-Cli or Create React App and no idea what these things are doing

The goal of this is for it to be a tool that let's you learn JS at a new level because you have access to everything under the hood and no opinionated set up

I will base all my tutorials on this Starter Kit.

Who Am I?

arthurbernierjr.com

I am Arthur Bernier Jr. I work as freelance fullstack web developer and attraction marketing consultant specializing in supporting e-commerce brands, subscription box sites, social activists, religious/non-profit leaders and creative entrepreneurs(i.e. barbers, artists, musicians, stylists, models and photographers). I have a passion for helping entrepreneurs reach their perfect audience and helping you communicate to that audience in a way that makes them know, like and trust you. I also am a Full-Time Instructor at General Assembly as well as a Software Engineer at Blavity Inc.

My Favorite Online Instructors

Colt Steele

Brad Traversy

Jose Santos Garcia

Stephen Grider

Steps

Install Gulp Globally

npm i -g gulp-cli

Start the dev server

npm run dev

or

yarn dev

Build files for production

yarn build

or

npm run build

Deploy for production script

npm start

or

yarn start

Instructions to run starter kit on any backend

Coming Soon but all static files are built to public folder and the project is set up for easy deployment on Heroku with npm start

starter-kit-generator's People

Contributors

arthurbernierjr avatar dependabot[bot] avatar

Watchers

James Cloos avatar

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.