Skip to content

Latest commit

 

History

History
148 lines (82 loc) · 3.84 KB

README.md

File metadata and controls

148 lines (82 loc) · 3.84 KB

Django React HTML5 CSS3 Bootstrap SQLite
Known Vulnerabilities Contributions Welcome
License

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:

• 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