Insider CodeCraft JavaScript Bootcamp Projects

This repository contains all the projects completed during the Insider&Testinium CodeCraft JavaScript bootcamp organized by Insider.

📜 Table of Contents

• About the project
• Technologies
• Projects
  • Week 1
    • register
    • credit-card
    • product-card
    • series-hub
  • Week 2
    • basket-app
    • collatz-sequence
    • countdown-timer
    • task-manager
  • Week 3
    • todo-app
    • product-list
    • application-form
    • product-hub
  • Week 4
    • user-list
    • shopping-cart
    • user-manager
• Getting Started
  • Requirements
  • Installation
• Additional Information

📌 About the Project

During this bootcamp, modern web development with HTML, CSS and JavaScript was practiced. Projects were prepared to develop frontend development skills.

🏗️ Technologies

• HTML5: Used for user interface structure.
• CSS3: Modern CSS features like Flexbox and Grid were used for styling and layout.
• JavaScript (Vanilla): Used for interaction and logic.
• jQuery: Used for DOM manipulation, event handling, and AJAX requests.

🛠 Projects

Week 1

• Register: User registration form design. Click for details
• Credit Card: Credit card back design. Click for details
• Product Card: Product card design. Click for details
• Series Hub: Favorite series design page. Click for details

Week 2

• Basket App: Basket management application. Click for details
• Collatz Sequence: An application that computes the Collatz sequence. Click for details
• Countdown Timer: Countdown timer application. Click for details
• Task Manager: Task management application. Click for details

Week 3

• Todo App: A simple to-do list application. Click for details
• Product List: Simple product list application. Click for details
• Application Form: A simple job application form. Click for details
• Product Hub: Product list application with jQuery Click for details

Week 4

• User List: Application that saves users to LocalStorage, lists and deletes users. Click for details
• Shopping Cart: This project was provided with broken code as part of a debugging exercise. The goal was to identify and fix the errors while documenting the debugging process.Click for details
• User Manager: A web app for fetching, displaying, and managing users with sessionStorage and localStorage support. Click for details

Back to the Top ↑

⚙️ Getting Started

Requirements

To run the project, you must have the following software installed on your system:

• A modern web browser (Chrome, Firefox, Edge, etc.)
• Visual Studio Code or another IDE
• (If using Node.js and a backend) Node.js and npm installed

Installation

1. Clone the project:

   git clone https://github.com/irem-yigit/insider-bootcamp-projects.git

2. Go to the project directory:

   cd insider-bootcamp-projects

3. Open index.html in a browser (if frontend only)

4. Install dependencies (if backend dependencies exist):

   npm install

5. Run the project (For backend projects):

   npm start

Back to the Top ↑

📢 Additional Information

• About Bootcamp: Organized by Insider and Testinium, CodeCraft JavaScript bootcamp aims to provide participants with practical experience.
• Contact Information: For more information, you can visit Insider or Testinium websites.
• Social Media & Contact: 📧 Contact via Email: yigitiremm@gmail.com