Web Dev Bootcamp

This repository contains the projects, code, and resources from the Web Development Bootcamp. The course covers both frontend and backend development, equipping learners with the knowledge and skills needed to build full-stack web applications.

Table of Contents

1. Course Overview
2. Technologies Covered
3. Project Highlights
4. Getting Started
5. Contributing
6. License

Course Overview

The Web Dev Bootcamp is designed to take beginners from the basics of web development to building complete web applications. The course includes a variety of hands-on projects to reinforce key concepts.

Topics Covered:

• Frontend Development: HTML, CSS, JavaScript
• Backend Development: Node.js, Express
• Databases: MongoDB
• Web APIs: RESTful APIs, Authentication
• Version Control: Git & GitHub

Technologies Covered

The following technologies are extensively covered in this bootcamp:

• HTML: Markup language for creating web pages.
• CSS: Stylesheet language for designing web pages.
• JavaScript: Programming language to make web pages interactive.
• Node.js: JavaScript runtime environment for server-side programming.
• Express: Fast and minimalist web framework for Node.js.
• MongoDB: NoSQL database for storing application data.
• EJS: Templating engine for generating HTML markup with embedded JavaScript.

Project Highlights

Here are some of the key projects built during the bootcamp:

1. To-Do List Application

• Description: A full-stack application that allows users to create, update, and delete tasks in a to-do list.
• Tech Stack: Node.js, Express, EJS, MongoDB
• Features:
  • Task management (add, edit, and delete tasks)
  • Database integration using MongoDB
  • Dynamic content rendering with EJS

2. Blog Website

• Description: A dynamic blogging website where users can write and manage blog posts.
• Tech Stack: Node.js, Express, MongoDB, EJS
• Features:
  • Create and manage blog posts
  • View individual posts on separate pages
  • RESTful routes for CRUD operations

3. Newsletter Signup Application

• Description: A simple application where users can subscribe to a newsletter, and the data is stored using the Mailchimp API.
• Tech Stack: Node.js, Express, Mailchimp API
• Features:
  • User registration for newsletters
  • External API integration for managing subscribers

4. Secrets App

• Description: A secure application where users can anonymously share their secrets, with authentication and authorization features.
• Tech Stack: Node.js, Express, MongoDB, Passport.js (for authentication)
• Features:
  • User authentication (login and signup)
  • Share secrets anonymously
  • Encryption of sensitive information

Getting Started

Follow these steps to get a local copy of the repository up and running on your machine.

Prerequisites

• Node.js: Ensure Node.js is installed. You can download it from here.
• MongoDB: Ensure MongoDB is installed locally or use a cloud database like MongoDB Atlas.

Installation

1. Clone the repository:

   git clone https://github.com/Th30utcast/Web-Dev-Bootcamp.git

Navigate into the project directory:

bash Copy code cd Web-Dev-Bootcamp Install the necessary packages:

bash Copy code npm install Run the application:

bash Copy code node app.js Visit http://localhost:3000 in your browser to see the app in action.

Note: For the Newsletter Signup Application, you'll need to replace API keys with your own Mailchimp credentials. For the Secrets App, set up environment variables for security purposes (e.g., API keys, session secrets). Contributing Contributions are welcome! If you'd like to contribute, please follow these steps:

Fork the repository. Create a feature branch (git checkout -b feature-branch). Commit your changes (git commit -m "Add some feature"). Push to the branch (git push origin feature-branch). Open a pull request. License This repository is licensed under the MIT License. See the LICENSE file for more information.

yaml Copy code

---

How to add this README file to your repository:

1. Create a README.md file in the root directory of your repository.
2. Copy the content of the README.md provided above into the file.
3. Stage and commit the file:

   git add README.md
   git commit -m "Added README.md"
   git push origin main