Skip to content

Maciejnecka/Meeting-Form

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

64 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React App - Meeting Form

An application built using React that serves the purpose of managing meetings. It assists users in organizing and tracking their meetings.

See the live version: Live Demo - Meeting form🌐

Meeting form Screenshot

Functionalities

Meeting Creation

  • Users can add new meetings by providing details such as date, time, participant names, and email.

Meeting Deletion

  • Users can remove meetings they no longer need.

Countdown Timer

  • For upcoming meetings, the app displays a countdown timer showing the time remaining until the meeting.

Expired Meetings Section

  • Expired meetings are categorized separately, providing users with a clear distinction between upcoming and past events.

Real-time Field Validation

  • The meeting form includes dynamic field validation, ensuring that users receive real-time feedback as they fill out the form. This helps prevent common errors and ensures accurate submission of meeting details.

💡 Technologies

  • React
  • HTML5
  • CSS3
  • JavaScript
  • JSON Server
  • REST API
  • BEM Methodology

💿 Installation

  1. First, perform a fork (located at the top right corner of the page). This will create a copy of this repository on your GitHub account.

  2. Clone the repository to your local machine using the git clone command.

  3. Navigate to the project directory:

    cd your-project-directory
  4. Install dependencies using npm:

    npm install
  5. JSON Server

    json-server --watch ./db/data.json --port 3005
  6. Start the app:

    npm start

Now you can work on tasks in your own repository and contribute to the project.

🙋‍♂️ Feel free to contact me

LinkedIn

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors