ContactBook

This website helps to storage contacts data, share it with others and download contact lists to JSON or PDF file. You can clone this repo and run it on your internal server. The project was created for educational purposes and to demonstrate my coding skills to my future recruiters.
I highly encourage you to contributions!

Table of Contents:

• Installation
• Run
• Usage
• Solved Problems
• TODO

🛠️ Installation:

• First make sure u have installed latest versions of ReactJS, NodeJS, Python, Django.

• Clone this repository or download latest release.

• Install modules from requirements.txt in contactbookapi directory.

pip install -r requirements.txt

• Install modules using npm install in contactbook directory.

npm install

🚀 Run:

• Change SECRET_KEY in contactbookapi settings.

• contactbookapi directory:

python manage.py runserver

• contactbook directory:

npm start

❓ Usage:

• localhost:8000 - Django REST API

• localhost:8000/accounts/login & /register - Django login and registration

• localhost:3000/home - ContactBook main page

✅ Solved Problems:

• Full functionality of restrict routes in App.js with authentication from django API endpoint!

• Implemented user login/registration from my own template project: RegistrationDjango!

• Contact groups!

• Render multiple tables with contact group specific data!

• Fetch data with REST API!

• Search contacts by first name

• Specific tables headers

• Scrollable tables with max height

• Download data to JSON file

• Refactored code for better maintainability

• Edit all contacts in table with editable header above table

• Loading screen

🎯 TODO:

• Dragging, resizing, deleting columns and create custom ones

• Static position of tables

• Search contact by selected variable

• Display contacts by selected order

• Download contact data to PDF

• Settings page

• User specific data + share data with other users

• Better UI design + theme selection

• Combine logging/registration with home page

• Mobile website