Learn MeteorJS By Building 10 Real World Projects

Build a Meteor app through seven sections, implementing to-dos with CRUD, user accounts, security measures, and deployment, using templates, bootstrap, and Mongo databases and collections.

Get started with Meteor by building a simple to-do list, learning client and server structure, templates, and space bars in a fast, beginner-friendly setup.

Create and manage a to-dos collection in Meteor, fetch and display items in real time, and add checkboxes and delete actions in the UI.

Add, update, and delete to-dos in a MeteorJS app using a simple form and event handlers to insert, read, and update items, show latest at the top, and confirm deletions.

Secure a Meteor to-do app with user accounts, username login, and server-side methods to add, update, and delete tasks; remove insecure and set up publish-subscribe.

Learn how to publish and subscribe database subsets in MeteorJS, enforce user-scoped access for to-dos, and implement server-side checks to prevent editing others' tasks.

Deploy a Meteor app to the web using a deployment service, set up a development app, create an app id, and configure a domain before switching to production servers.

Build a micro posting app with MeteorJS, featuring login, posting, image uploads, and a news feed, while learning routing, UI creation, user accounts, and basic security.

Build a micro post app with meteor, implementing routing with iron router, forms with auto form, and schema with collection2; enable user registration, login, posting, and a main feed.

Integrate bootstrap with MeteorJS, build a responsive layout with a navbar and posts, implement a post creation modal, and enable profile image upload and account routing.

Create a MeteorJS user accounts system with accounts UI and password, enabling sign in, registration, and profile image uploads via EF-S GridFS in MongoDB.

Learn to implement user profile images in MeteorJS by creating a user images collection, handling profile form submissions, uploading files with FS, and associating images with the user ID.

Display posts from a MeteorJS collection with accounts supporting username or email, a defined post schema, and dynamic avatars via a global helper.

Learn how to create posts in MeteorJS using auto form and quick form, inserting into the posts collection with auto values for user id, username, and created date, plus login.

Secure your MeteorJS app by disabling auto publish, adding methods, and setting precise permissions for posts and images; subscribe to publications and enforce restricted access.

Build an accordion FAQ component with foundation, use the Houston admin panel to manage questions and answers, create a custom questions collection in Mongo D-B, and implement routing.

Build a dynamic FAQ component in Meteor using Iron Router, collections, and an accordion, with Foundation 5 and the Wall Foundation package, plus a simple admin interface via Houston.

Build a centered accordion interface and navigation bar using Foundation's grid system, a template layout, and initialize the accordion with Foundation JS.

Build a dynamic faq accordion in a meteor app by creating a questions collection with a simple schema for question and answer, then render an indexed loop for unique panels.

Implement the Houston admin package to add, update, and delete questions from the admin panel, with auto discovery of collections and simple server-side setup.

Build and configure a product review system called spout it, enabling user accounts, product creation with categories, and ratings and reviews, with MongoDB, fs storage, and access control.

Build a full product review system with user login, product listings, text reviews and star ratings, plus image uploads, using iron router, bootstrap, collection fs, and moment.

Implement the base layout in MeteorJS by creating a home template, a bootstrap navigation bar, a 3-column layout with a sidebar, yield main content, and a footer.

Set up categories and products collections in MeteorJS, add slug fields and is_featured flags, and render them in the sidebar and home page with featured products.

Create an add product template and form in meteorjs to capture name, category, image, description, and featured status. Bind a route to categories and upload images to an images collection.

Implement the add product feature in MeteorJS by handling image uploads, constructing the product document with name, category, description, image, and featured flag, and inserting it into the products collection.

Explore MeteorJS by building 10 real world projects, learning to display products with dynamic category pages, truncate descriptions, and link to reviews across home, products, and category views.

learn to add a new review route and form in meteorjs, push reviews to the product's reviews array, and view them on the product page.

Implement product reviews in a MeteorJS app by wiring product routes, displaying and adding reviews, and rendering star ratings with averages and total reviews on home and product pages.

Learn to add user accounts and login using accounts UI bootstrap 3, restrict adding reviews and products with router before actions, and secure actions with client-server methods and publish/subscribe.

learn how to build a custom login and registration system in meteorjs using bootstrap, add form validation and custom fields, implement access control, and create a simple dashboard.

Learn to replace the default accounts system with a custom login and registration setup in MeteorJS, using the accounts API, router, flash messages, bootstrap, templates, and a dashboard.

Create login and register UIs in a MeteorJS app, centered forms with email and password fields, and wired routes and templates for sign in and sign up.

Implement meteorjs registration with form submission, insert user into database, and enforce custom validation (trim, required fields, email, password length, and password confirmation) plus flash messages and dashboard redirect.

Handle the login form submission, extract email and password, and call login with password. Show flash messages for errors, preserve entered data, and redirect to the dashboard on success.

Build a dashboard layout with a custom navigation bar, route protection, and access control in MeteorJS by creating a dashboard template, wiring routes, and enforcing login checks.

Build a full custom login and registration system for a support ticket app with customer and staff roles, department management, and live real-time updates using Meteor.

Build a real-world support ticket system in MeteorJS, enabling user registration, login, ticket submission, department selection, and staff-wide ticket management through a modular files and layout setup.

Design a custom login system by integrating a Bootstrap nav bar, implementing login and registration forms with jQuery toggles, and inserting new users into the users table.

Build a custom login system in MeteorJS by implementing register and login forms, creating users with email, password, and a profile field for user type, with validation.

Learn how to add and list user tickets in MeteorJS by implementing a login-gated open ticket modal, a tickets collection, and a customer-specific ticket list with status and date formatting.

Build a ticket page in MeteorJS by routing to /ticket/:id, querying the ticket with findOne, and rendering a replies subdocument with a bootstrap form for customer and staff replies.

Differentiate staff from customers by user type, implement a staff route and staff tickets view, and update navigation to support staff access and ticket management.

Learn to implement staff and departments with a departments collection, add and delete department forms, and wiring templates, router paths, and dynamic dropdowns for a functional management UI.

Build a simple subscription plan site using Meteor's skeleton frontend, enabling admin login, create, read, update, and delete of plans, and user subscriptions with a price field, no payment gateways.

Set up a MeteorJS skeleton to build a simple plan subscription system with login, plans, and admin roles, using media skeleton, toaster, and a rules-based access system.

Configure the meteor skeleton with a router and layout, build a bootstrap-like grid with a container, row, and columns for a sidebar and main area, and add plans route templates.

Bootstrap a meteor app by creating a default admin user with roles, set up plans and subscribers collections, and implement an admin interface to add and manage plans.

Build create portion of plans CRUD in MeteorJS by adding a form to capture plan name, label, days, price, description, and a default plan, then insert and toast on submission.

Implement plans crud with create, read, update, and delete functionality, including form handling, router-based edits, and confirmation-based deletions.

Automatically adds new users to the default simple plan using a get default plan function. Store user id, email, and plan details in the subscribers collection.

Add and manage user subscriptions in meteorjs by building a my plans view, a conditional sidebar button, and helpers to list, format dates, and cancel subscriptions.

Build a codefolio project showcase with a custom admin login, uploading and displaying design and development projects, routing front-end pages, and image uploads via collection fs and grid fs.

Convert a free bootstrap portfolio template into a Meteor application, building a backend for projects and a blog, and organizing templates, admin areas, and static pages.

Create a reusable layout with a nav bar, flash messages, and yields, and map routes for home, about, work, blog, and contact in a MeteorJS project.

Learn to markup inner and admin pages in a MeteorJS app using the Stanly bootstrap template, integrating about, blog, contact, and project sections with admin post and project templates.

Master adding dynamic content in MeteorJS by installing collection2 and collectionFS for schema and image uploads, then create an admin login with accounts-password and an /admin route to manage posts.

Implement admin login functions in a MeteorJS app by bootstrapping a default admin user, enabling username-based login, and managing login, logout, redirects, and flash messages.

Implement blog post CRUD in meteorjs with an admin-protected posts collection, using a simple schema and auto value for user id and timestamps, plus route guards and redirects for login.

Implement blog post create, read, update, delete operations in meteor by listing, editing, and deleting posts, wiring routes and templates to manage current post data, and formatting dates with moment.js.

design and implement the projects collection with fields like name, description, client, type, date, and optional images; build add project page with image upload, date picker, and CRUD operations.

Implement create, read, update, and delete for projects in a MeteorJS app, including optional image handling, form validation, flash messages, and linking back to the admin interface.

Build and display frontend blog posts in a MeteorJS app by fetching posts, looping through them, and wiring dynamic routes with global helpers for site title, author, and image.

Build a frontend projects page in MeteorJS by wiring a /work route, pulling project data, rendering image-and-name cards, and linking to dynamic /project/:id detail pages.

Build a photo story app in MeteorJS with drag-and-drop drop-zone image uploads, titles, and stories, plus Twitter login, user accounts, image feed, and Bootstrap modals.

Build a photo story app with drag-and-drop image uploads, drop zone, image collections with titles and stories, and Twitter login using Meteor packages and Bootstrap modals in a single-page layout.

enable Twitter-based user accounts with accounts UI in MeteorJS, configure a Twitter app and keys, then build a dropzone for image uploads using GridFS collections and image info.

Build an image feed by uploading images to the MongoTV database, render images in a loop with basic styling, and restrict the drop zone to logged-in users.

Add an image info modal to attach a title and story to an uploaded image, storing the image id in session and inserting data into the image info collection.

Create a reusable image info template to display each image’s title and posted by details, pulling data from the image info collection and linking to the creator’s Twitter.

Add a delete image feature with a remove icon and confirmation. Remove images by id from image and image info collections and enforce login-based ownership.

Implement and secure image management in Meteor by creating delete and add image info methods, enforcing login checks, removing auto publish, and setting up publish/subscribe for images and image info.