arikanogluulku / contact-management-app

React Project. Contact management app. Crud operation(redux), birthday alert icon , create notes for your contacts and alert icon on upcoming notes. Notes are stored in local storage. (redux-local storage)

Contact Management App

Tech Stack

👩‍💻 Live: https://contact-management-app-au.netlify.app/

I made use of mock.api.io in my project, whose API I created myself, I upload my API 's there and handle all my CRUD operations by sending a request here.

Boilerplate created with  Webpack + Babel + Eslint 
ReactJS
Redux
Redux-Thunk
Local Storage
React Router
Hooks
Bootstrap
Alertify JS
Axios
...

About Project

• I created my own react boilerplate in this project.(webpack-babel-eslint(airbnb).
• You can add, delete, and update the contact list.(CRUD)
• The application shows the user if the people on the list have less than 30 days to their birthday.⌛
• Also, attention is drawn to users whose birthday is on that day.🧁
• The contact note with the application can be saved
• If there are 7 days left in communication in the notes ⚠️
• if the note needs to be made on that day, then.🔔
...

Build

#install dependencies
$ npm install
#localhost:8080
$ npm start