https://github.com/parmodkumar28/record-manager

A simple record manager website for user's details.
https://github.com/parmodkumar28/record-manager

express fullstack html-css-javascript mongodb nodejs react

Last synced: 2 months ago
JSON representation

A simple record manager website for user's details.

• Host: GitHub
• URL: https://github.com/parmodkumar28/record-manager
• Owner: ParmodKumar28
• Created: 2024-03-09T14:29:58.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-08T12:16:24.000Z (about 2 years ago)
• Last Synced: 2025-06-18T18:07:22.460Z (about 1 year ago)
• Topics: express, fullstack, html-css-javascript, mongodb, nodejs, react
• Language: JavaScript
• Homepage: https://record-manager88.netlify.app/
• Size: 249 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 📖 Record Management System

The Record Management System is a web application that allows users to manage records across different databases. Users can log in, view records, add new records, search for records, and switch between databases.

## 🚀 Features

- **User Authentication**: Users can log in with their credentials.

- **Dashboard**: Displays records from different databases in a tabular format.

- **Sorting**: Users can sort records based on name, email, or phone number in ascending or descending order.

- **Searching**: Users can search for records based on name, email, or phone number.

- **Database Navigation**: Users can switch between databases using tabs.

- **Add Record Form**: Users can add new records to the selected database.

- **Validation**: The add record form includes validations for name, email, and phone number fields.

- **Error Handling**: Error messages are displayed if there's an issue adding a record.

- **Notifications**: Success and error notifications are displayed when records are successfully added or when there's an error.

- **Responsive Design**: The application is designed to work seamlessly across different screen sizes.

## 🛠️ Technologies Used

### Frontend:

- React.js

- Axios for HTTP requests

- Tailwind CSS for styling

### Backend:

- Node.js with Express.js

- MongoDB for the database

- Mongoose for MongoDB object modeling

- JWT for authentication

## 📦 Setup Instructions

1. **Clone the repository**:

    git clone https://github.com/ParmodKumar28/Record-Manager

2. **Install dependencies**:

    - Navigate to the frontend directory and run:

        npm install

    - Navigate to the backend directory and run:

        npm install

3. **Set up environment variables**:

    - Create a .env file in the backend directory and add the following variables:

        ```makefile

        PORT=

        MONGODB_URI=

        JWT_SECRET=

        

4. **Start the servers**:

    - Navigate to the frontend directory and run:

        npm start

    - Navigate to the backend directory and run:

        npm start

    - Navigate to the backend directory and run concurrenty both frontend and backend server's:

        cd backend

        npm run dev

5. **Access the application**:

    - Open your web browser and go to http://localhost:3000 to access the application.

## 🤝 Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

1. Fork the repository

2. Create a new branch (`git checkout -b feature`)

3. Make your changes

4. Commit your changes (`git commit -am 'Add new feature'`)

5. Push to the branch (`git push origin feature`)

6. Create a new Pull Request