GithubHelp home page GithubHelp logo

shubhamm69 / ac-app Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 891 KB

This repository contains assignments assigned by the Android Club, focusing on React Native app development. It covers topics such as CRUD operations, navigation, and data fetching.

JavaScript 100.00%

ac-app's Introduction

Employee Management System

This is a web application for managing employee records. It provides basic CRUD (Create, Read, Update, Delete) operations for managing employee information.

Features

  • View a list of employees with their names, salaries, and ages.
  • Search employees by name.
  • Add a new employee to the system.
  • Edit existing employee information.
  • Delete an employee from the system.

Technologies Used

  • Front-end: React Native
  • Back-end: Node.js, Express.js

Getting Started

Prerequisites

  • Node.js (v12 or higher)

Installation

  1. Clone the repository:
git clone https://github.com/shubhamm69/AC-App

Server

  1. Open the server folder:
cd AC-App/Assignment2/server
  1. Install the dependencies:
npm install
  1. Start the server:
npm start
  1. The server will start running on http://localhost:6900.

Client

  1. Open the client folder:
cd AC-App/Assignment2/client
  1. Install the dependencies:
npm install
  1. Start the client:
npx expo start
  1. The Expo development server will start, and you can run the app on an emulator or physical device.

Usage

  • You will see a list of employees.

  • Use the search bar to filter employees by name.

  • Click on an employee to view their details.

  • Click the "Add Employee" button to create a new employee.

  • Click the "Edit" button on the Employee Details screen to update employee information.

  • Click the "Delete" button on the Employee Details screen to remove an employee from the system.

JSON Database

The application uses a JSON file (server/db.json) as the database to store employee records. The file contains an array of employee objects in JSON format. Each employee object has properties such as id, name, salary, and age.

HomeScreen

Simulator Screenshot - iPhone 14 Pro Max - 2023-07-16 at 00 40 28

Employee Details Screen

simulator_screenshot_285DF857-C472-40CF-A3BA-78CA30C6D70C

Employee Edit Screen

simulator_screenshot_92D74DAE-FA0B-4559-B5FB-8D6E4DEA43E1

Add New Employee Screen

simulator_screenshot_BF8FEBA5-34FC-4F42-ACAE-9D4D00A2AB24

Contributing

Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request.

ac-app's People

Contributors

shubhamm69 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.