-
Notifications
You must be signed in to change notification settings - Fork 0
Tech
- MongoDB
- Firebase
- React
- Node JS
- Stripe JS
- Express
- Material UI
- TailwindCSS
We need to install a few programs before we can get started. Here are the links to all the programs required:
- Node JS - click yes if it asks you to install
- MongoDB Compass - Optional if you aren't working on the back-end
- Git
- GitHub Desktop - recommended but not required
- VS Code - recommended IDE
We will use Vite, a toolchain to help developers develop in React. It basically is a command line tool that will automatically install all dependencies (libraries and other code required) to run our project locally on our computer. It can be used to set up a new project (no need, as this one is already set up) and run projects with live updates so you can see what is happening locally on your computer. Open a terminal of your choice (I will write Windows command prompt commands as that is what I am using but it should work similarly on mac or Linux, just check online for the syntax). Open CMD/Terminal and navigate to the file directory for the project within the {INSERT FOLDER NAME}. Now run npm install, this only needs to be run once per project or every time a new package is added. This command will automatically install all the required packages.
Every time you begin coding, use your terminal, and navigate to the folder, and type npm run dev and then click the link. It should look something like http://localhost:0000/ (numbers will differ depending on your computer).
Here, you should be able to see your code update the live webpage. If you inspect the webpage, you will be able to see if there are any error codes. These will only update if you refresh the page.