Skip to content

A CRUD application written in JS that behaves as a database for employee records.

License

Notifications You must be signed in to change notification settings

fiosman/employeedb-jsonserver

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Employee Records Database

A CRUD application that is designed to add, delete, edit and retrieve employee records using a fake REST API JSON-server. AJAX calls are all made using JavaScript's built in fetch API, with ES8 async/await syntax. The application also includes form validation using Regex. For more information on regular expressions, I recommend MDN web docs.

Getting Started

Ensure Node.js is installed, as it is required to install & run the application's dependencies.

  • Clone the repository $ git clone https://github.com/fiosman/employeedb-jsonserver.git
  • Install the required dependencies in the project's root folder $ npm install
  • Run webpack-dev-server $ npm run start
  • Start json-server $ npm run json:server. You can access employee records and see changes on http://localhost:3000/employees. Each record is an object inside an array.
    • Example record:
       [
          {
              "name": "John Doe",
              "age": "33",
              "position": "Teacher",
              "salary": "$71000",
              "id": 1,
          }
       ]

Tools and Technologies

  • CSS3/Boostrap 4/Bootswatch
  • HTML5
  • JSON-Server
  • Modular JavaScript
  • Webpack (assets bundler) & Babel (to transpile ES6+ code down to ES5). Note Babel polyfills were also used to provide browser support for modern syntax such as Async/Await.
  • AJAX

Contributors

Fares Osman ([email protected])

License

Licensed under the MIT License

About

A CRUD application written in JS that behaves as a database for employee records.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published