Project : Contacts App

Check The Live Website ➡️ Live Website

Visualization of the Website

Description

Project aims to create Contacts App using React.

Learning Outcomes

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

• improve coding skills within HTML & CSS & JS & ReactJS.

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

Problem Statement

• We are adding a new project to our portfolios. So you and your colleagues have started to work on the project.

Project Skeleton

Project(folder)
|
|----README.md
├── public
│     └── index.html
├── src
│    ├── components
│    │       ├── contacts
│    │       ├── form
│    │       ├── list
│    ├── App.js
│    ├── index.js
│    ├── App.css
│    ├── index.css
└── contacts.gif
└── package.json

Dependencies

• [email protected]

Overview

I mastered HTML & CSS & JS & ReactJS features in this project. You can see the visual representation of the website above.

Notes

• Step 1: Create React App using npx create-react-app contacts-app

• Step 2: Push your application into your own public repo on Github

• Step 3: Add project gif to your project and README.md file.

Support

• Open an Issue, I will check it a soon as possible 👀

• Don't forget to show your support by ⭐ the project!!

Quick start

• Clone this repo using git clone https://github.com/SkyCooper/ContactUserApp.git

• Move to the appropriate directory: cd contacts-app.

• Run npm run install in order to install dependencies and clean the git repo.

• Change configurations in /src/config/config.js according to your cosmicjs bucket.

• Run npm run dev to start the project in dev mode.

• Run npm run build to build the project in /dist folder.

• Now you're ready to rumble!

Contributing

• Fork it (https://github.com/SkyCooper/ContactUserApp)

• Create your feature branch (git checkout -b feature/fooBar)

• Commit your changes (git commit -am 'Add some fooBar')

• Push to the branch (git push origin feature/fooBar)

• Create a new Pull Request

⌛ Happy Coding ✍