janaina-mj / attendance-register

A front-end project that uses React.js and Javascript to create an Attendance Register; which can later be extended by creating the project's backend.

Attendance Register

Overview

This is a basic front-end project, made to improve skills with css, JavaScript and React.js. The project consists of developing the design and functionality of an Attendance Register tool, where the users fills in theirs name in the input field and when clicking on "register" button, a card is added to the screen displaying the name and time in which the person attended the meeting.

• Language and tools for this project:

  • React.js and Javascript: For client side development
  • Vite.js: building tool
  • CSS to build designs
  • HTML

👀 Check it Out:

https://attendance-register.vercel.app

Getting Started

To clone and run this application, you'll need Git + NPM installed on your computer.

From your command line, clone this Github repository and install all the dependencies listed in the package.json files:

$ git clone https://github.com/Janaina-MJ/attendance-register.git
$ cd attendance-register
$ cd web

# Install the dependencies
$ npm install

# Start the application
$ npm run dev

The project will be running in your browser on http://localhost:3000/