Skip to content

The Assignment Dashboard App is a web-based tool for managing assignments. It features a Home page for adding assignments and a Dashboard page for displaying them. Users can filter the Dashboard by course and delete assignments as needed. The app uses local storage to store the data.

Notifications You must be signed in to change notification settings

avnishsingh0/Assignment_Dashboard_App

Repository files navigation

✨Assignment Dashboard App✨


This is a simple Assignment Dashboard App that allows you to add and manage your assignments in an organized way.


### Deployed URL 👉 [Click here](https://chimerical-youtiao-8cdbc5.netlify.app/)

Languages and Tools

Frontend

html5 css3 javascript type script

Tools

git git github npm vscode vscode

slack


Features

Table of Contents

  • Technologies Used
  • Usage
    • Home Page
    • Dashboard Page
  • Local Storage
  • Layout and Responsiveness
  • Deleting Assignments

Technologies Used

- HTML - CSS - JavaScript

Usageh3>

Home Page

The home page (index.html) contains a form with input fields and a select tag for adding new assignments. The fields in the form are:

  • Name: Text input field for the name of the assignment.
  • Description: Textarea field for the description of the assignment.
  • Type: Select dropdown menu for selecting the type of assignment.
  • Course: Select dropdown menu for selecting the course of the assignment.
  • Sprint: Select dropdown menu for selecting the sprint of the assignment.
  • Schedule: Input field for setting the due date of the assignment.
  • On submitting the form, the data is stored in the browser's local storage with the key assignment

Note: The data is stored as a JSON string, so when retrieving the data from local storage, it needs to be parsed back to an object using JSON.parse().

Dashboard Page :

The dashboard page (dashboard.html) displays all the assignments that are stored in local storage.


The assignments are displayed in the form of small cards, with each card containing the following information:

Languages Used :

      ◉ JavaScript : 98.4%
      ◉ Others : 1.6%

Prerequisites :

  • HTML
  • CSS
  • JavaScript

Installing :

  1. Clone the repository to your local machine
  2. Navigate to the project directory
  3. git clone

This is a collaborative project built by a team of 4 fullstack web developers and executed in 5 days.

Our Learnings :

On this journey we faced many issues, but we keep motivated each other with patience.

  • We learned how to write more efficient and clean code.

  • Even though We also learned how to plan a project and how to execute it step by step.

  • By this Project we have learned how to collaborate and communicate with team effectively and improving the productivity.

  • We also got a glimpse of using GitHub for the version control.

Contributing

We welcome contributions to the Assignment Dashboard App. If you have an idea for a new feature or have found a bug, please open an issue in the repository.


Show your support

Give a ⭐️ if you like this project!

✨Thank You✨

About

The Assignment Dashboard App is a web-based tool for managing assignments. It features a Home page for adding assignments and a Dashboard page for displaying them. Users can filter the Dashboard by course and delete assignments as needed. The app uses local storage to store the data.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published