Projects in ExpressJS - Learn ExpressJs building 10 projects

Build a simple express web server, learn routing and middleware, install express, and set up routes, static pages, json data, redirects, and post requests.

Learn how express, a node-based web framework, enables rapid API development through routing and middleware, with npm install express and a practical guide to GET, POST, PUT, and DELETE.

Install Node.js, Git, Git Bash, and the Atom editor to set up a complete development environment, then create a Node.js application and install Express.

Build a very basic node server without express by creating a package.json and writing a simple http server that outputs hello world on port 3000.

Install and set up Express. Create basic routes such as for the home page and about, and show dynamic routes like /users/:name with request.params.name; run on port 3000.

Learn to create a static web server with Express.js by serving HTML files from a public folder, using express.static and the path module, and integrate Bootstrap for a multi-page site.

Learn to build a small express api by serving json data at /users, enabling file downloads, redirecting routes, and handling post requests with body-parser to log subscriber info.

Explore building an Express app using the Express generator and Pug template engine, rendering dynamic data with variables, conditionals, and loops.

Learn to scaffold an Express app with the Express generator, install Express globally, generate a boilerplate with routes and pug views, then start the server.

Build a bootstrap-based express app using pug templates, wiring bootstrap CSS and a responsive nav bar. Create a home page with a 3-column grid and a jumbotron.

Create an about page and a services page, fetch service data from a json file, parse it, and render it in templates to display a dynamic service list.

Implement a Nodemailer-based contact form in Express, wiring routes and pug views, posting to /contact/send, configuring a Gmail transporter, and sending HTML and text emails.

Develop a real Express app by building a to-do list with create, read, update, and delete using MongoDB, the driver or Mongoose, rendered with EJS templates and Bootstrap.

Explore MongoDB, a non-relational document database that stores JSON-like documents in collections, highlighting schema-less flexibility, scalability, and a basic Node.js driver workflow for connecting, inserting, and querying.

Learn how to install MongoDB on Windows, configure data and log directories, start the service, and use the shell to create a database and a users collection with samples.

Set up an express app from scratch, install the Mongo DB driver and body-parser, and configure ejay with public and views folders and header and footer partials.

Connect to the MongoDB driver, establish a local database connection, and fetch the todos collection; render them on the index page by looping through the array in the template.

Add a form to submit todos to a MongoDB database via an Express post route, parse the body, and insert the todo; enable AJAX delete by id with jQuery.

Set up the edit functionality for todos in an Express app, including a dedicated edit route and a pre-filled edit form that updates with $set via POST to /todos/edit/:id.

Apply bootstrap UI to an ExpressJS project by loading bootstrap CSS, structuring with container and a 2-column grid, and styling forms with form-group and form-control and lists with list-group classes.

Build a full featured sports blog with Mongoose models for articles and categories, enabling create, read, update, delete, and comments, with category filtering, validation, and Moment date formatting.

Learn how to use Mongoose, an object data mapper, to model and interact with MongoDB in a Node and Express project, including schemas, models, validation, and CRUD operations.

Build a sports blog app from scratch with express.js, set up pug views, configure middleware and dependencies, and create initial routes to run a local server.

Set up the express app with middleware like express validator and express messages, create route files for index, articles, categories, and manage, and build pug views with bootstrap.

Create and wire views and routes for index, articles, categories, manage pages, rendering templates for articles views and edits, and prepare get routes before adding post handling and database setup.

Define a Mongoose category model, insert initial categories into the database, and fetch them through an Express route to render on a template.

Add and manage categories in an Express.js app by building a title/description form, posting to /categories/add, syncing with the category model, and displaying categories in a Bootstrap-styled manage page.

Learn to edit and delete categories in an ExpressJS app by fetching a single category for the edit form, updating via routes and models, and performing ajax deletes.

Create an articles model with Mongoose, including title, subtitle, category, body, author, created_at, and a comments array, then build an add article page that posts to /articles, including category data.

Build a manage articles page that fetches and displays articles via the article model, enabling create, edit, update, and delete actions with category selection. Implement moment-based formatting for publication dates.

Add a delete button on the edit article page, wire it with ajax to call the articles delete route using the article ID, and return a 200 status after removal.

Learn to implement express validator for form validation and express messages in categories and articles, enforcing required fields like title, body, and author, and rendering errors when validation fails.

Learn to implement flash messages in Express using express messages and connect flash, with express sessions, sending and displaying messages after category and article actions.

Build a responsive navbar with bootstrap for the express.js project, adding links to home, articles, categories, and manage pages, plus a jumbotron showcase on the home page.

Fetch and display articles on the home and article pages using the articles model, render with bootstrap grid, and implement get category articles and get category by ID.

Learn to fetch a single article by ID from Mongo using mongoose, render it in a pug view, and display the title and body with planned comments.

Add a comment feature to articles by building a post form, validating inputs, saving comments to the article, and displaying them on the article page.

Develop a user authentication app with login and registration, implement access control, validate input with express validator, and store users in mongoose with MongoDB, securing passwords via encryption using Passport.js.

Explore how Passport.js provides modular authentication for Express apps, enabling local username/password and dozens of strategies (Facebook, Twitter) with session persistence via serialize/deserialize and secure password handling with crypt.

Create a passport login project with Express and Handlebars, install dependencies (Express, body-parser, Express-handlebars, Express-session, connect-flash, Passport, Passport-local, bcryptjs), and set up app.js, routes for index and users, plus views.

Build a user registration form in an express.js app using handlebars, define a /register route, and apply express-validator checks with error display via Bootstrap alerts.

Learn to implement user registration with mongoose by creating a user model and schema, hashing passwords with bcrypt, saving new users, and providing flash-driven success messages with redirects to login.

Implement login functionality using passport local strategy, creating a login form, post routes, and user authentication with password encryption and session handling.

Implement a passport local login flow in express.js, retrieving users by username or id, comparing hashed passwords, and using flash messages and middleware for redirects and logout.

Implement a logout get route that logs out users, flashes a success message, and redirects to home. Add authentication middleware to protect the dashboard and redirect unauthenticated users to login.

Apply Bootstrap styling to an ExpressJS app by integrating Bootstrap CDN, a fixed navbar, and form classes, wrap content in a container, and conditionally show login or logout links.

Build a real-time chat application using socket io for bidirectional client-server communication in an express js project, with user name input and live messages, using jquery and pug 2.0.

Discover how Socket.IO enables real-time bidirectional communication between client and server, wrapping various transports like Ajax long polling and WebSocket into one JavaScript library.

Set up a chat server using express, socket.io, and pug; initialize the project, install dependencies, configure views and static assets, and run the server to listen on a port.

Build the user interface for an ExpressJS project using pug by creating index.pug, rendering it, and integrating Bootstrap and jQuery for chat layout with a user form and chat input.

Set up a real-time username system in an ExpressJS app using socket.io, storing users in an in-memory array, preventing duplicates, and broadcasting updates to clients.

Build a simple real-time chat in express with socket.io by sending messages, emitting show message events with the user name, and rendering them in a chat window.

Build a mean stack client keeper app with Angular front end and Express back end, exposing a REST API to manage clients in MongoDB.

Explore Angular 2, a Google front-end framework using TypeScript and components. Learn core features like routing, HTTP requests, observables, dynamic templates, directives, and Angular CLI tooling.

Develop a server.js file for Node.js Express and a restful api using MongoDB, body-parser, and Express, configure a clients collection, and expose routes under /api/clients for the front end.

Develop a backend rest API with Express and MongoJS, implementing CRUD routes for clients (get, post, put, delete), and prepare an Angular 2 frontend integration.

Set up a separate Angular 2 front-end project, install the Angular CLI, and generate the app. Serve locally and create a clients component with a backend data fetch plan.

Learn to fetch clients from a back end using an Angular service, HttpClient, and observables; implement cors on Express and wire dependency injection and ngOnInit to display data.

Fetch and render client data in a template, loop through each client to populate a bootstrap table with edit and delete actions, and showcase a responsive nav bar.

Create a client form with first name, last name, email, and phone fields, bind inputs with ngModel, submit through a service post, and update the client list.

Create an edit client form, toggle between add and edit with the ngif directive, preload with selected client, and update by put while deleting the old entry from the array.

Add delete functionality for clients via a delete button, wiring on delete click to call HTTP delete on /api/clients/{id}, and build the Angular app for the Express server.

Build a mean stack job board using the mean.js generator to scaffold a complete mean application, including authentication with passport, and job creation, editing, and posting.

Explore mean.js and AngularJS for rapid mean stack apps, weigh prototyping with mean.js against building from scratch, and generate CRUD modules using Mongoose.

Generate a mean.js app using the yo mean.js generator, scaffold the project, install dependencies globally, run grunt, and customize the landing page, authentication views, and database name.

Generate a jobs module with the ExpressJS generator, add CRUD menu links, and fix a menu service provider error by updating the client config to menus.

Define a job model with title, company, job type, location, how to apply, contact methods, and description using Mongoose, and update the job form to match these fields.

Build the job listings and details views in an Express.js project, binding title, location, and type, and implement conditional apply actions (web, email, or phone) for prototyping.

Develop a simple imdb-like movie listing site called movie base using crack in js on express, with mongoose, dust templates, search, and trailer view to manage movies by genre.

Explore Kraken in Express apps, providing a full MVC structure with controllers, models, and views, a generator for scaffolding, dust templating, localization, and routing.

Install Kraken, scaffold an Express.js app, and generate a movies controller and model with the generator; run the server to view /movies and prepare for mongoose integration.

Connect to the database with mongoose, define a movies schema and model, then fetch movies from the database and render them in the view.

Create an add movie form in express, render the template at /movies/ad, validate with express validator, include csrf, save the movie, and redirect to /movies.

Learn to integrate Foundation into your express app, install and include its assets, and build a responsive UI with grid layouts and custom less variables, including adding a director field.

Create a movie details page with a /movies/details/:id route, render a details template, and implement an Ajax delete to /movies/delete/:id with CSRF.

Develop the edit movie feature in an ExpressJS app by adding an id-based route and controller, rendering a prefilled edit form, and handling the update to enable full CRUD.

Implement search and category filtering for movies using the mongoose search plugin, configure searchable fields (title, plot, cover), and expose a post /movies/search route with genre filtering.