{"id":19224021,"url":"https://github.com/skycooper/contactappfirebase","last_synced_at":"2026-05-06T01:31:21.863Z","repository":{"id":178953725,"uuid":"568032074","full_name":"SkyCooper/ContactAppFirebase","owner":"SkyCooper","description":"Project aims to create an Contact App using React with Google Firebase","archived":false,"fork":false,"pushed_at":"2022-12-14T10:15:42.000Z","size":27418,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-04T21:18:08.676Z","etag":null,"topics":["firebase","google-firebase","material-ui","react","react-icons","toastify"],"latest_commit_sha":null,"homepage":"https://cooper-contact-app.onrender.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SkyCooper.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-11-19T08:25:02.000Z","updated_at":"2024-08-30T21:40:18.000Z","dependencies_parsed_at":null,"dependency_job_id":"4fe4a8c4-33f6-44e5-91c6-cb5cbd70fbac","html_url":"https://github.com/SkyCooper/ContactAppFirebase","commit_stats":null,"previous_names":["skycooper/contactappfirebase"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SkyCooper%2FContactAppFirebase","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SkyCooper%2FContactAppFirebase/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SkyCooper%2FContactAppFirebase/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SkyCooper%2FContactAppFirebase/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SkyCooper","download_url":"https://codeload.github.com/SkyCooper/ContactAppFirebase/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240298487,"owners_count":19779283,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["firebase","google-firebase","material-ui","react","react-icons","toastify"],"created_at":"2024-11-09T15:10:15.586Z","updated_at":"2026-05-06T01:31:21.818Z","avatar_url":"https://github.com/SkyCooper.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Project : Contact App Firebase\n\n## Check The Live Website ➡️ [Live Website](https://cooper-contact-app.onrender.com/)\n\n## Visualization of the Website\n\n![Form](./contact.gif)\n\n## Description\n\nProject aims to create an Contact App using React.\n\n## Learning Outcomes\n\nAt the end of the project, you will be able to;\n\n- improve coding skills within HTML \u0026 CSS \u0026 JS \u0026 ReactJS.\n\n- use git commands (push, pull, commit, add etc.) and Github as Version Control System.\n\n## Problem Statement\n\n- We are adding a new project to our portfolios. So you and your colleagues have started to work on the project.\n\n## Project Skeleton\n\n```\nProject(folder)\n|\n|----README.md\n├── public\n│     └── index.html\n├── src\n│    ├── components\n│    │       ├── contacts\n│    │              ├── Contacts.js\n│    │       ├── form\n│    │              ├── FormComponent.js\n│    ├── utils\n│    │       ├── firebase.js\n│    │       ├── functions.js\n│    │       ├── toastify.js\n│    ├── App.js\n│    ├── App.css\n│    ├── index.js\n│    ├── index.css\n├── env\n└── package.json\n```\n\n### Dependencies\n\n- react-router-dom@6.3\n- google-firebase\n- toastify\n- react-icons\n- material ui\n\n### Overview\n\nI mastered HTML \u0026 CSS \u0026 JS \u0026 ReactJS features in this project.\nYou can see the visual representation of the website above.\n\n## Notes\n\n- Step 1: Create React App using `npx create-react-app project-name`\n\n- Step 2: Push your application into your own public repo on Github\n\n- Step 3: Add project gif to your project and README.md file.\n\n## Resources\n\n- 🔥 You can use [`firebase`](https://firebase.google.com/) for your own work.\n\n## Support\n\n- Open an Issue, I will check it a soon as possible 👀\n\n- Don't forget to show your support by  ⭐ the project!!\n\n\n## Quick start\n\n- Clone this repo using git clone https://github.com/SkyCooper/ContactAppFirebase.git\n\n- Move to the appropriate directory: cd recipe-app.\n\n- Run npm run install in order to install dependencies and clean the git repo.\n\n- Change configurations in /src/config/config.js according to your cosmicjs bucket.\n\n- Run npm run dev to start the project in dev mode.\n\n- Run npm run build to build the project in /dist folder.\n\n- Now you're ready to rumble!\n\n## Contributing\n\n- Fork it (https://github.com/SkyCooper/ContactAppFirebase)\n\n- Create your feature branch (git checkout -b feature/fooBar)\n\n- Commit your changes (git commit -am 'Add some fooBar')\n\n- Push to the branch (git push origin feature/fooBar)\n\n- Create a new Pull Request\n\n\n# \u003ccenter\u003e ⌛ Happy Coding ✍ \u003c/center\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskycooper%2Fcontactappfirebase","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fskycooper%2Fcontactappfirebase","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskycooper%2Fcontactappfirebase/lists"}