Run a Full-Stack Web Application
In this article, you will learn how to use npm and MongoDB on your computer to run the Cake Bar application that you interacted with in the Why Test? course. You will also run the Cake Bar test suite from your terminal and see all the tests passing.
When you’re done, spend some time looking through the application. Pay special attention to the structural similarities between the implementation code and the test code in the test
directory.
If you get stuck during the below steps and can’t resolve the issue by yourself, your fellow learners might be able to help! Post the following information in a Slack message to your group: (i) the full error message, (ii) your node and npm versions, and (iii) steps to reproduce the issue. Run node -v
and npm -v
to find your versions.
Setup the Why Test? Example application:
Mac
- Download the source code for the Cake Bar web application.
- Unzip the folder you just downloaded.
- Skip this step if you already have a MongoDB process running. If not, open a new command line session, and use the following command to start a new MongoDB instance.
$ mongod --dbpath ~/data/db
- Keep your current terminal session open and open a new terminal window. In your new terminal session, navigate to the Cake Bar directory that you unzipped. You can navigate to the Cake Bar directory by typing
cd
into your command line, then dragging and dropping the Cake Bar folder from your finder. - Run
npm install
to download all of the required node packages for the Cake Bar application. - From your command line, run
npm test
to execute the Cake Bar test suite. After a few seconds you should see all of the tests pass in your terminal. (If you don’t see all tests passing, go toserver.config.js
and change8001
to8000
.) - Run
npm start
to start your server. When you see “listening on port 4001”, move to the next step. - In your browser, visit
http://localhost:4001
to see the Cake Bar application. - Celebrate!
Windows
- Download the source code for the Cake Bar web application.
- Unzip the folder you just downloaded.
- If you don’t have MongoDB running in the background already, open the powershell, and use the following command to start a new mongo instance. The following command works for MongoDB version 3.4. If you’ve downloaded a different version, replace “3.4” with the version number.
& 'C:\Program Files\MongoDB\Server\3.4\bin\mongod.exe'
4. Open Git Bash. In your new session, navigate to the Cake Bar directory that you unzipped. You can navigate to the Cake Bar directory by typing cd
into your terminal, then dragging and dropping the Cake Bar folder from your finder.
5. Run npm install
to download all of the node packages the application requires.
6. Run npm test
to run the Cake Bar test suite. After a few seconds, you should see all of the tests pass in your terminal. (If you don’t see all tests passing, go to server.config.js
and change 8001
to 8000
.)
7. Run npm start
to load the application’s dependencies and start your server.
8. Visit http://localhost:4001 to see the application in your browser.
9. Celebrate!
'The Codecademy Team, composed of experienced educators and tech experts, is dedicated to making tech skills accessible to all. We empower learners worldwide with expert-reviewed content that develops and enhances the technical skills needed to advance and succeed in their careers.'
Meet the full teamRelated articles
- Article
Getting started with Node Package Manager
Learn how to use Node Package Manager (NPM) to install, manage, and update dependencies in Node.js projects with best practices and examples. - Article
Setup MongoDB
Setup MongoDB on your computer. - Article
Command Line Interface
Getting started with the command line
Learn more on Codecademy
- Course
Learn Testing for Web Development
Build better and more maintainable web applications through test-driven development.With CertificateIntermediate4 hours - Free course
Learn MongoDB
Learn how to work with NoSQL databases and run basic CRUD operations in this introduction to MongoDB.Beginner Friendly5 hours - Course
Learn JavaScript Unit Testing
Learn the basics of test-driven development and write unit tests in JavaScript with the Mocha library.With CertificateIntermediate3 hours