Archives: Assignments

  • Home
  • Archives: Assignments

Final Project Submission

Please submit your link to the GitHub code repo as well as the deployed version of your app. If you have any questions or concerns, feel free to ask in the group.

Breakroom Assignment:

Application Overview • Application Name: TypeScript Quiz Master• Features:• Display a series of questions with multiple-choice answers.• Track and display the score based on correct answers.• Provide feedback for each answer. Instructions Step 1: Project Setup 1. Create a new React project with Vite and TypeScript: npm create vite@latest quiz-master –template react-ts cd quiz-master npm

Employee Management System Assignments

Employee Management System Overview: Welcome to the Employee Management System project! This assignment is designed to test and enhance your skills in building a secure, scalable, and functional backend using Node.js, Express, Passport, and MongoDB. You’ll build an API that handles user authentication, CRUD operations, and role-based authorization. You may refer to the  node-api-intro GitHub

Portfolio Website Development with React and Material-UI

Objective: Create a personal portfolio website showcasing your skills, projects, and professional experience using React.js and Material-UI. This assignment will help you to understand React development and familiarize yourself with component-based design using Material-UI. You will also learn about website deployment using Netlify. Requirements: 1. React.js: Your site should be built using React.js, employing components

Break Room Exercise : Exploring Ancient Civilizations

Title: Digital Artifacts: Exploring Ancient Civilizations (A Detailed pdf is at the bottom of the page) Objective: Build a web application that serves as a virtual museum showcasing artifacts from ancient civilizations, complete with detailed descriptions, high-quality images, and interactive elements, all styled with Material UI.Project Setup:1. Create a Git repository named ‘React Material UI

Breakroom Exercise: User Post Tracker

Project Setup: User Posts Tracker Introduction to the User Posts Tracker Project In this project, we’re going to build a simple yet impactful React application named “User Posts Tracker”. This application serves as an excellent learning tool for those new to React and web development. It will introduce you to essential concepts such as creating

Culinary Voyage – Discover Global Recipes & Cocktails

Develop a single-page application that allows users to explore a diverse range of recipes and cocktails from around the world. This project focuses on the core React concepts: state management with useState, side effects with useEffect, and reusability with custom hooks. The aim is to interact with TheMealDB and TheCocktailDB APIs for fetching data. For

Weekly Assignment: Weather Dashboard Application

This project would reinforce their understanding of DOM manipulation, asynchronous programming with async/await, loops, and array operations in JavaScript. Here’s a structured assignment outline: Assignment: Weather Dashboard Application Objective: Develop a simple weather dashboard application that allows users to search for a city and display its current weather conditions, including temperature, humidity, wind speed, and

Breakroom exercise : Build a Simple Product Catalogue

Create a web application that displays a list of products retrieved from the Fake Store API. Each product should show its title, price. Implement a feature to refresh the product list without reloading the page. Requirements: Fetch Products: Use the Fake Store API endpoint https://fakestoreapi.com/products to fetch a list of products. Use async/await for API

Weekly Assignment: Whacky Story Weaver

What You’re Gonna Do: Create a super fun, clicky-click game called “Wacky Tales Weaver”! This isn’t just any game; it’s where you become the master storyteller, but with a twist—everything’s told through hilarious pictures. You’ll be piecing together your own nutty narratives by choosing from a bunch of silly images. Each click unveils a new