https://github.com/skywalkersam/robofriends

A Collection of Robot Cards made w/ React.
https://github.com/skywalkersam/robofriends

getting-started hacktoberfest-accepted react reactjs robofriends

Last synced: 8 months ago
JSON representation

A Collection of Robot Cards made w/ React.

• Host: GitHub
• URL: https://github.com/skywalkersam/robofriends
• Owner: skywalkerSam
• License: mit
• Created: 2023-07-06T21:17:44.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-08-14T09:11:58.000Z (almost 3 years ago)
• Last Synced: 2025-04-23T10:46:20.651Z (about 1 year ago)
• Topics: getting-started, hacktoberfest-accepted, react, reactjs, robofriends
• Language: JavaScript
• Homepage: https://skywalkerSam.github.io/robofriends
• Size: 610 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Getting Started with React - ROBOFRIENDS

A simple Robofriends application made with React. This project is a part of my Web Development Bootcamp by ZTM.

- Introduction to State, Props, Functional Components & Class Components.

- Introduction to Components & Component Lifecycle.

- File Structure of a React Project.

- Using Tachyons for Styling.

- Little Tweaks for Code Readability.

- Building the Project for Production for the first time Using `npm run build`🙂

- Updating the project to the latest version of React.   (`package.json`)

- Using `ErrorBoundry.js` Component to catch errors in the application.

- The best way to update a project is to update the package.json file manually and then run `npm install` to install the latest versions of the packages and dependencies...🙂

- The best way to learn is to read the Documentation.🙂

## Basic NPM Commands

To create a react app

    npx create-react-app hello-react  

To install the dependencies

    npm install                      

To start the development server

    npm start

To install live-server package globally

    npm install -g live-server

To install tachyons package (i = install)

    npm i tachyons

To build the project for production

    npm run build

To update the packages

    npm update

To check for vulnerabilities

    npm audit

To fix the vulnerabilities

    npm audit fix

To fix the vulnerabilities forcefully (not recommended!)

    npm audit fix --force

To deploy the build to [GitHub Pages](https://create-react-app.dev/docs/deployment/#github-pages-https-pagesgithubcom).