Skill Lab(3rd Sem)

This repository contains the assignments for Skill Lab Full Stack Development Course, focusing on the MERN stack, undertaken during my 3rd semester.

Table of Contents

1. CSS Product Card
2. JavaScript Calculator
3. Shopping Cart UI
4. Backend Blog

Assignment 1: CSS Product Card

The CSS Product Card assignment is a simple exercise in creating a product card using HTML and CSS. You can find the assignment files in the css-product-card folder.

• Files: index.html, style.css
• Images:
  • pic.png

Assignment 2: JavaScript Calculator

The JavaScript Calculator assignment is a simple calculator application built using HTML, CSS, and JavaScript. The calculator includes basic arithmetic operations such as addition, subtraction, multiplication, and division. You can find the assignment files in the javascript-calculator folder.

• Files: index.html, style.css, style.js

Assignment 3: Shopping Cart UI

The Shopping Site UI assignment is a user interface for a shopping site built using React.js. It showcases various products with their images, names, descriptions, ratings, and prices. Users can add products to their cart, adjust quantities, and remove items from the cart. You can find the assignment files in the shopping-cart-ui folder.

• Files: App.js, App.css, ratingStars.js, shoppingCart.js,shoppingCart.css
• Images:
  • product-1.jpg
  • product-2.jpg
  • ...
  • product-8.jpg

Assignment 4: Backend Blog

The Backend Blog assignment is a backend project built using JavaScript, Node.js, Express.js, and MongoDB. It involves creating two schemas for Author and Blog, implementing CRUD operations (Create, Read, Update, Delete) using POST and GET APIs, and storing data in MongoDB.

• Folders:
  • Backend: Contains the backend server files, including server.js and other necessary files.
  • Frontend: Contains the frontend application files, including app.js, app.css, index.js, index.css and other necessary files.

Installation

To get started with the assignments, follow these steps:

1. Clone the repository to your local machine.

   git clone https://github.com/advithialva/Skill-Lab-3-sem.git
   

2. Navigate to the desired assignment folder.
3. Open the index.html file in your web browser.

To get started with the assignment 3, follow these steps:

1. Clone the repository to your local machine.

   git clone https://github.com/advithialva/Skill-Lab-3-sem.git
   

2. Navigate to the project directory:

   cd Skill-Lab/shopping-site-ui
   

3. Install dependencies:

   npm install
   

4. Start the development server:

   npm start
   

5. Open http://localhost:3000 to view the app in your browser.

Contributing

Any contributions to the assignments are welcome. If you would like to contribute, please follow these steps:

1. Fork the repository.
2. Create a new branch for your changes.
3. Make your changes and commit them.
4. Push your changes to your forked repository.
5. Create a pull request.