Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/maxjdev/contact_list-with-react
Contact List using React, Typescript, Redux, Styled-Components, HTML, CSS, Eslint, Prettier
https://github.com/maxjdev/contact_list-with-react
css eslint html prettier react redux styled-components typescript
Last synced: about 1 month ago
JSON representation
Contact List using React, Typescript, Redux, Styled-Components, HTML, CSS, Eslint, Prettier
- Host: GitHub
- URL: https://github.com/maxjdev/contact_list-with-react
- Owner: maxjdev
- Created: 2024-01-05T13:20:35.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-01-21T19:56:26.000Z (11 months ago)
- Last Synced: 2024-01-21T21:17:03.202Z (11 months ago)
- Topics: css, eslint, html, prettier, react, redux, styled-components, typescript
- Language: TypeScript
- Homepage:
- Size: 183 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Project: Contact List
### Techs Used
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
![Styled Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)
![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
## Description
Explored the power of React and Redux in contact management with reducers to: add, remove and edit with ease, driven by React Router for efficient page navigation. Styled with Styled Components, and standardized code with ESLint and Prettier.
## How to Start the Project
- **Clone the repository:**
```bash
git clone https://github.com/your-username/repository-name.git
```
- **Open the project directory:**
```bash
cd repository-name
```
- **Install project dependencies:**
```bash
npm install
```
- **Start:**
```bash
npm start
```## Contributing
We welcome and appreciate your contributions to this project! Whether you have suggestions, bug fixes, or new features you'd like to add, please feel free to fork this repository.
### How to Contribute
1. Fork the project.
2. Create a branch for your contribution: `git checkout -b my-contribution`.
3. Make your changes and commit: `git commit -m 'Add my contribution'`.
4. Push to your branch: `git push origin my-contribution`.
5. Open a pull request for review.## Feedback and Issues
If you have contributions, suggestions, or feedback, feel free to open an issue.