AliAksoyy / React-FireContactApp

React Fire-Contact App

Overview

👨‍💻 👨In this project I mastered React skills. I used mainly REACT and Material UI, Bootstrap, Redux, Firebase. You can see visual demo of the website below. The objective is to build out this real-like webpage and make it looking as professional as possible..

---

✨ Demo

---

📍You can see the live site from here!

## Project Skeleton 

- Contact App (folder)
|
|----readme.md         
SOLUTION
├── public
│     └── index.html
├── src
│    ├── components
│    │       ├── Form.jsx
│    │       └── Table.jsx
│    ├── redux
│    │       ├── editAction.js
│    │       └── editReducer.js
│    ├       └── index.js
│    ├── utils
│    │       ├── firebase.js
│    │       ├── customToastify.js
│    │            
│    ├── App.js
│    ├── index.js
│    └── index.css
├── .env
├── package.json
└── yarn.lock
```

Purpose of Project;

👨‍💻 The main aim of this project is to improve my REACT/Styled Component/JS/git commands (push, pull, commit, add etc.) skills and responsive design abilities.

Objective

🎯

The project covers;

-HTML / Semantic elements

-Material UI - React Toastify - Bootstrap

-REACT / Components , Props , Hooks, Redux etc.

-Firebase Firestore DB

At the end of the project, i will be able to;

• improve coding skills within HTML & CSS & JS & REACT.js

• use git commands (push, pull, commit, add etc.) and Github as Version Control System.

---

Used in this project

👉 HTML tags, Comments, CSS styling, REACT.js etc.

---

How to Use the Project

First download a code editor
Second open the files : My Docs
You should open vscode terminal and write "yarn or npm install" to make the project alive
You can use this tutorial : VS Code tutorial

Author

👤 Ali Aksoy

• Twitter: @alifeyza4017
• Github: @AliAksoyy