Contact-App

A how-to on building a basic React-Redux app. The user can see the names, e-addresses, and id numbers of existing contacts,

...edit,

...delete,

..or add new ones.

Since the purpose of the project is to show step-by-step how different functionalities are implemented in a React-Redux app the user will, according to which branch they checkout to, be able to see only a specific functionality of the app completed. The project is based on the tutorial video React Redux Contact App | Redux Projects by "Fullyworld Web Tutorials."

Built With

• HTML
• CSS
• Bootstrap
• Javascript
• React
• Redux

Getting Started

Setup and Install

To get a local copy up and running follow these simple example steps:

• Open your terminal - Windows: Win + R, then type cmd | Mac: Command + space, then type Terminal
• Navigate to a directory of your choosing using the cd command
• Run this command in your OS terminal: git clone git@github.com:German-Cobian/Contact-App.git to get a copy of the project
• Navigate to the project's directory using the cd command
• In the clone folder, run npm install and then npm run build
• To fire up the server run npm start

Breakdown of Tutorial

The feature branches of the tutorial present versions of the app where specific components or functions were implemented.

• feature1-navbar Implements the Navbar component which displays the navbar in the homepage.

• feature2-homeComponent Implements the Home component which displays the content of the homepage, that is contact names, emails and numbers.

• feature3-addContact Implements the addContact component which displays the form for inputing contact's names, emails and id numbers.

• feature4-editContact Implements the editContact component which displays the form for inputing updates to contact's names, emails and id numbers.

• feature5-addContactFunc Implements the functions actions and reducers (with their requisite functions) required for inputing contact's names, emails and id numbers.

• feature6-addContactActions Implements the functions actions and reducers (with their requisite functions) required for inputing contact's names, emails and id numbers.

• feature7-displayContacts Implements the actions and reducers (with their requisite functions) required for inputing contact's names, emails and id numbers.

• feature8-editContacts Implements the actions and reducers (with their requisite functions) required for updating contact's names, emails and id numbers.

• feature9-deleteContacts Implements the actions and reducers (with their requisite functions) required for deleting contact's names, emails and id numbers.

Author

👤 German Cobian

• GitHub: @German-Cobian
• Twitter: @GermanCobian1
• LinkedIn: @german-cobian

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

This project is based on the tutorial video React Redux Contact App | Redux Projects by "Fullyworld Web Tutorials."

📝 License

This project is MIT licensed.